├── favicon.ico ├── img ├── dublin.jpg ├── profiler.png ├── linkedin-logo.png ├── projects │ ├── Slack.png │ ├── jobbie1.png │ ├── mydeliverypal.png │ └── vistoryscreen1.png └── techlogos │ ├── java.png │ ├── android.png │ ├── firebase.png │ └── androidstudio.png ├── readme.md ├── css └── styles.css └── index.html /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/favicon.ico -------------------------------------------------------------------------------- /img/dublin.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/dublin.jpg -------------------------------------------------------------------------------- /img/profiler.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/profiler.png -------------------------------------------------------------------------------- /img/linkedin-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/linkedin-logo.png -------------------------------------------------------------------------------- /img/projects/Slack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/projects/Slack.png -------------------------------------------------------------------------------- /img/techlogos/java.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/techlogos/java.png -------------------------------------------------------------------------------- /img/projects/jobbie1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/projects/jobbie1.png -------------------------------------------------------------------------------- /img/techlogos/android.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/techlogos/android.png -------------------------------------------------------------------------------- /img/techlogos/firebase.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/techlogos/firebase.png -------------------------------------------------------------------------------- /img/projects/mydeliverypal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/projects/mydeliverypal.png -------------------------------------------------------------------------------- /img/projects/vistoryscreen1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/projects/vistoryscreen1.png -------------------------------------------------------------------------------- /img/techlogos/androidstudio.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Chippd/modern/HEAD/img/techlogos/androidstudio.png -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 |

"Modern" portfolio page

2 | 3 |

View demo here

4 | -------------------------------------------------------------------------------- /css/styles.css: -------------------------------------------------------------------------------- 1 | 2 | h1, h2, h3, h4, h5{ 3 | color:#4A4E69; 4 | font-weight: 300; 5 | font-family: 'Open Sans', sans-serif; 6 | } 7 | 8 | p { 9 | color: #4A4E69; 10 | font-weight: 300; 11 | font-family: 'Open Sans', sans-serif; 12 | } 13 | 14 | section { 15 | width:100%; 16 | margin: 40px 0; 17 | padding: 0 5%; 18 | } 19 | 20 | .section-heading { 21 | text-transform: uppercase; 22 | font-size: 1.6em; 23 | } 24 | 25 | hr { 26 | max-width:300px; 27 | } 28 | 29 | 30 | .navbar.navbar-default { 31 | background: none; 32 | border: none; 33 | z-index: 1; 34 | } 35 | 36 | 37 | .navbar-default .navbar-text { 38 | color:white; 39 | } 40 | 41 | 42 | .row-header { 43 | padding: 10vh 10vw 0 10vw; 44 | background-image: url('../img/dublin.jpg'); 45 | background-repeat: no-repeat; 46 | background-position: bottom; 47 | background-size: cover; 48 | margin-bottom:100px; 49 | display: flex; 50 | align-items: center 51 | } 52 | 53 | .header-col { 54 | position: relative; 55 | background: rgb(255, 255, 255); 56 | border-radius: 5px; 57 | box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.18); 58 | bottom: -60px; 59 | padding: 30px 0; 60 | max-width:400px; 61 | margin:auto; 62 | } 63 | 64 | .profile-pic { 65 | border-radius:50%; 66 | width:40%; 67 | max-width: 200px; 68 | } 69 | 70 | .header-col h2 { 71 | font-size: 1.3em; 72 | margin-bottom: 20px; 73 | margin-top: 0; 74 | } 75 | 76 | .email { 77 | margin-top:20px; 78 | } 79 | 80 | .email .glyphicon { 81 | margin-right:5px; 82 | } 83 | 84 | 85 | .project-img-col img { 86 | max-width: 250px; 87 | margin: auto; 88 | } 89 | 90 | 91 | .list-container { 92 | max-width: 600px; 93 | margin: auto; 94 | } 95 | 96 | .techlogo { 97 | width:140px; 98 | } 99 | 100 | .tech-item { 101 | margin:10px; 102 | display: inline-flex; 103 | align-items: center; 104 | flex-direction: column; 105 | } 106 | 107 | .tech-item-text { 108 | margin-top:10px; 109 | } 110 | 111 | .tech-item i { 112 | font-size:5em; 113 | } 114 | 115 | .tech-tool-item { 116 | margin-left:15px; 117 | display: inline-block;; 118 | } 119 | 120 | .row-footer { 121 | padding: 0vh 10vw 10vw 10vw; 122 | margin-top:100px; 123 | background-image: url('../img/dublin.jpg'); 124 | background-position: bottom; 125 | background-repeat: no-repeat; 126 | background-size: cover; 127 | position: relative; 128 | } 129 | 130 | .footer-col { 131 | position: relative; 132 | background: rgb(255, 255, 255); 133 | border-radius: 5px; 134 | box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.18); 135 | top: -60px; 136 | padding: 50px 0; 137 | max-width:400px; 138 | margin:auto; 139 | } 140 | 141 | .btn.outline { 142 | background: none; 143 | padding: 12px 22px; 144 | } 145 | 146 | .btn-primary.outline { 147 | border: 2px solid #0099cc; 148 | color: #0099cc; 149 | border:0; 150 | } 151 | 152 | .linkedin-btn { 153 | background-color: white; 154 | width:140px; 155 | box-shadow: 0px 2px 5px 1px lightgrey; 156 | padding: 12px; 157 | border-radius: 5px; 158 | } 159 | 160 | .btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary { 161 | color: #33a6cc; 162 | border-color: #33a6cc; 163 | } 164 | .btn-primary.outline:active, .btn-primary.outline.active { 165 | border-color: #007299; 166 | color: #007299; 167 | box-shadow: none; 168 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Chris Dermody 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 28 | 29 | 30 | 31 |
32 | 33 |
34 |
35 |
36 | profile pic 37 |

Chris Dermody

38 |

Freelance Web Developer

39 | 40 |
41 | 42 |
43 |
44 | 45 | 46 | 47 |
48 | 49 |
50 |
51 |

Work

52 |
53 |
54 | 55 |
56 | 57 |
58 | 59 |
60 | 61 |
62 | 63 |
64 |

Jobb.ie

65 |

A simple web app built to quickly find jobs in Ireland. Users enter the search term and desired county, and are offered job listings from 3 of the most popular job sites in Ireland

66 |

Launch

67 |
68 | 69 |
70 | 71 | 72 | 73 | 74 |
75 | 76 |
77 | 78 |
79 | 80 | 81 |
82 | 83 |
84 | 85 | 86 |
87 | 88 |
89 |
90 |

Technologies

91 |
92 |
93 | 94 |
95 |
96 |
97 | 100 | 101 | 102 | 103 | C# 104 | 105 | 106 | 107 | 108 | 109 | C++ 110 | 111 | 112 | 113 | 114 | 115 | Java 116 | 117 | 118 | 119 | 120 | 121 | Git 122 | 123 | 124 |
125 |
126 |
127 | 128 |
129 | 130 |
131 | 132 |
133 |
134 |
135 |

Tools

136 |
137 |
138 | 139 |
140 |
141 |
142 | 143 | 144 | Android Studio 145 | 146 | 147 | 148 | Microsoft Visual Studios 149 | 150 | 151 | 152 | IntelliJ IDEA 153 | 154 | 155 | 156 | TortoiseGit 157 | 158 | 159 | 160 | FireBase 161 | 162 |
163 |
164 |
165 |
166 | 167 | 168 | 169 | 175 | 176 |
177 | 178 | 179 | 180 | 181 | 182 | --------------------------------------------------------------------------------