├── img └── ganesh.png ├── README.md ├── js └── script.js ├── License.md ├── css └── style.css └── index.html /img/ganesh.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ganeshkumarm1/MinimalPortfolioTemplate/HEAD/img/ganesh.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # MinimalPortfolioTemplate 2 | A Minimal Perosnal Portfolio Template 3 | 4 | # Preview 5 | MinimalPortfolioTemplate 6 | -------------------------------------------------------------------------------- /js/script.js: -------------------------------------------------------------------------------- 1 | var divs = ['#home', '#skills', '#projects', '#contact']; 2 | var index = 0; 3 | 4 | $(document).ready(function() { 5 | $('#next').on('click', function() { 6 | if(index == 3) 7 | { 8 | $("#next").attr("disabled", true); 9 | } 10 | else 11 | { 12 | $("#next").attr("disabled", false); 13 | $(divs[index]).fadeOut('slow', function() { 14 | index ++; 15 | console.log(index); 16 | $(divs[index]).fadeIn('slow'); 17 | }); 18 | } 19 | }); 20 | 21 | $('#prev').on('click', function() { 22 | if(index == 0) 23 | { 24 | $("#prev").attr("disabled", true); 25 | } 26 | else 27 | { 28 | $("#prev").attr("disabled", false); 29 | $(divs[index]).fadeOut('slow', function() { 30 | index --; 31 | //console.log(index); 32 | $(divs[index]).fadeIn('slow'); 33 | }); 34 | } 35 | }); 36 | }); 37 | -------------------------------------------------------------------------------- /License.md: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 GaNeShKuMaRm 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css?family=Lily+Script+One|Cabin|Varela+Round'); 2 | 3 | body { 4 | transform: translateY(100px); 5 | background: #ECEFF1; 6 | text-align: center; 7 | } 8 | 9 | a { 10 | color: #212121; 11 | transition: opacity linear 0.3s; 12 | } 13 | 14 | a:hover { 15 | opacity: 0.8; 16 | color: #212121; 17 | } 18 | 19 | #about, #skills, #projects, #contact { 20 | display: none; 21 | } 22 | 23 | 24 | .title { 25 | font-family: 'Lily Script One', cursive; 26 | font-size: 4em; 27 | margin: 20px 0px; 28 | } 29 | 30 | #profile img { 31 | margin: 0px auto; 32 | display: block; 33 | border: solid 8px #607D8B; 34 | } 35 | 36 | 37 | #home p { 38 | font-family: 'Cabin'; 39 | font-size: 15px; 40 | } 41 | 42 | #skills i { 43 | 44 | font-size: 40px; 45 | margin: 10px 4px; 46 | } 47 | 48 | ul { 49 | list-style: none; 50 | } 51 | 52 | ul li { 53 | color: #ECEFF1; 54 | background-color: #313131; 55 | font-size: 15px; 56 | font-family: 'Varela Round'; 57 | display: inline-block; 58 | margin: 5px 5px; 59 | border: solid 2px #313131; 60 | border-radius: 18px; 61 | padding: 10px 10px; 62 | } 63 | 64 | #contact ul li { 65 | border-radius: 15px; 66 | padding: 10px 23px; 67 | } 68 | 69 | #contact .fa { 70 | font-size: 18px; 71 | } 72 | 73 | 74 | #navigate { 75 | margin: 10px 0; 76 | } 77 | 78 | #navigate .fa { 79 | font-size: 20px; 80 | border: solid 1px #616161; 81 | padding: 15px 25px; 82 | margin: 0px 5px; 83 | color: #212121; 84 | transition: opacity linear 0.3s; 85 | border-radius: 10px; 86 | } 87 | 88 | #navigate .fa:hover { 89 | opacity: 0.8; 90 | cursor: pointer; 91 | } 92 | 93 | .icon-html5-alt { 94 | color: #01579B; 95 | } 96 | 97 | .icon-css3-alt { 98 | color: #FF5722; 99 | } 100 | 101 | .icon-javascript-alt { 102 | color: #FFC107; 103 | } 104 | 105 | .icon-bootstrap { 106 | color: #512DA8; 107 | } 108 | 109 | .icon-jquery { 110 | color: #3F51B5; 111 | } 112 | 113 | .icon-nodejs { 114 | color: #8BC34A; 115 | } 116 | 117 | .icon-mongodb { 118 | color: #4CAF50; 119 | } 120 | 121 | .icon-python { 122 | color: #283593; 123 | } 124 | 125 | .icon-git { 126 | color: #F44336; 127 | } 128 | 129 | #pomodoro-clock li { 130 | background: #512DA8; 131 | border-color: #512DA8; 132 | } 133 | 134 | #tweet li { 135 | background: #33691E; 136 | border-color: #33691E; 137 | } 138 | 139 | #upvote li{ 140 | background: #EF6C00; 141 | border-color: #EF6C00; 142 | } 143 | 144 | #twentyh li { 145 | background: #3F51B5; 146 | border-color: #3F51B5; 147 | } 148 | 149 | #tvfreak li { 150 | background: #3E2723; 151 | border-color: #3E2723; 152 | } 153 | 154 | #notify-me li { 155 | background: #E53935; 156 | border-color: #E53935; 157 | } 158 | 159 | #wikipedia-viewer li { 160 | background: #19bd9b; 161 | border-color: #19bd9b; 162 | } 163 | 164 | #codepen li { 165 | background: #231F20; 166 | border-color: #231F20; 167 | } 168 | 169 | #linkedin li { 170 | background: #007BB6; 171 | border-color: #007BB6; 172 | } 173 | 174 | #quora li { 175 | background: #B92B27; 176 | border-color: #B92B27; 177 | } 178 | 179 | #envelope li { 180 | background: #E94132; 181 | border-color: #E94132; 182 | } 183 | 184 | #github li { 185 | background: #0D2636; 186 | border-color: #0D2636; 187 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | GaneshKumarM-MinimalPortfolioTemplate 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 22 | 23 |

24 |

25 |

26 |

27 |

28 |

29 |