├── port.jpg ├── raju.png ├── index.html.html └── style.css.css /port.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rajeshganesan007/Rajesh_Portfolio/HEAD/port.jpg -------------------------------------------------------------------------------- /raju.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rajeshganesan007/Rajesh_Portfolio/HEAD/raju.png -------------------------------------------------------------------------------- /index.html.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Document 5 | 6 | 7 | 8 |
9 |
10 | 15 |
16 |
17 |

i'm Nilan

18 |

web developer

19 |
20 |
21 | 22 |
23 |
24 | 25 | 26 | -------------------------------------------------------------------------------- /style.css.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | padding: 0; 4 | } 5 | .main{ 6 | width: 100%; 7 | background:url('port.jpg') ; 8 | background-position: center; 9 | background-size: cover; 10 | height: 100vh; 11 | position: relative; 12 | font-family: sans-serif; 13 | } 14 | .navbar{ 15 | width: 86%; 16 | display: flex; 17 | margin: auto; 18 | padding: 15px 0; 19 | align-items: center; 20 | justify-content: space-between; 21 | } 22 | ul{ 23 | margin-top:2%; 24 | 25 | } 26 | ul li{ 27 | list-style: none; 28 | display: inline-block; 29 | padding: 10px 16px; 30 | } 31 | ul li a{ 32 | font-size: 16px; 33 | font-weight: bold; 34 | text-decoration: none; 35 | color:rgb(255, 255, 255); 36 | margin-top:2%; 37 | transition: .4s ease; 38 | } 39 | ul li a:hover{ 40 | color: rgb(255, 0, 68); 41 | } 42 | .info{ 43 | margin-left: 7%; 44 | margin-top: 6%; 45 | } 46 | .info h1{ 47 | font-size: 65px; 48 | color: rgb(249, 248, 246); 49 | 50 | } 51 | .info h3{ 52 | font-size: 18px; 53 | color: rgb(252, 251, 248); 54 | letter-spacing: 1px; 55 | line-height: 24px; 56 | } 57 | .info span{ 58 | color: rgba(255, 126, 5, 0.909); 59 | } 60 | .info :hover{ 61 | color:chartreuse 62 | } 63 | .image{ 64 | width: 30%; 65 | height: 60%; 66 | position: absolute; 67 | right: 100px; 68 | bottom: 0; 69 | } 70 | .image img{ 71 | position: absolute; 72 | height: 160%; 73 | left: 70%; 74 | transform: translate(-55%); 75 | bottom:0 ; 76 | transition:left 2s ease; 77 | } 78 | .image:hover .raj{ 79 | left:55%; 80 | } --------------------------------------------------------------------------------