-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (92 loc) · 10.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MY PORTFOLIO WEBSITE</title>
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="head">
<div class="logo-box">
<a href=""><span>ROH</span>IT</a>
</div>
<nav class="nav">
<div class="nav-opp"><a href="">PORTFOLIO</a></div>
<div class="nav-opp"><a href="">ABOUT</a></div>
<div class="nav-opp"><a href="">SKILL</a></div>
<div class="nav-opp"><a href="">PROJECT</a></div>
</nav>
<div class="but-box">
<button>contact me</button>
</div>
</header>
<div class="port">
<div class="port-content">
<h3>HI</h3>
<h1> I AM <span>ROHIT SETH</span> an inspiring developer..</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, corporis accusamus id cupiditate vitae perspiciatis repellat tenetur eum ea sed sunt, consequatur optio aspernatur quo ab dolores et, odit facere?</p>
<div class="but-cont">
<button class="hire">HIRE ME</button>
<button class="exp">EXPERIENCE</button>
</div>
</div>
<div class="port-image">
<img src="men 1.jpg" alt="">
</div>
</div>
<div class="about">
<div class="about-img">
<img src="man 2.png" alt="">
</div>
<div class="about-cont">
<h3>AN inspiring,
<span>FRONTEND DEVELOPER</span>
</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita, aperiam quaerat perspiciatis officiis explicabo cupiditate dignissimos animi facilis assumenda dolorem nemo voluptate numquam, voluptas hic labore soluta eum obcaecati? Magnam!</p>
</div>
</div>
<div class="skill-pro">
<div class="skill">
<span>SKILL</span>
<ul>
<li> HTML <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAXRJREFUSEvlltFNxDAQROc6gUqASoBKgErgKgEqgU7gBjFo8O3a61ykIGEpUj4cv93xeOIdNhq7jbj4c+DLlZV4adfLOn4GsBac0KstwE8AbqvgRwA3K8k9Bb4HcGfg98kizmz+w+Gd6/0a2R6zW3bNQej5JPgNgOCUmV2XwDQWDbYU/GGUxWCuIWVY0HWhe/cHHV0+TpSJcmlQakruW1Dgf03RtyWpW7CqZsfa+x7YzTUF5qK+T6FcCblVJTRwL6uHziyA0xPRA3ts0hyjs6x08gwI49LdGhXvYELlzCzR1ISnXphaI7Av4JX7Fqhgl/RkcCZZFKeMRaWTKxXG5ahjB0Qm4ZHh04ZDyZQ9c7Wx6V1FnlAhilrOCeNy1LGDfS/5vv/uVGl2kVwc0vPf67hNr2pE+rwwtUYdbwZmYYRTckpZuZFQej6vh4+Pfv4uxcz1VuZRIboMEqQ9P/r9ZfszA27XYCGjGE19cQp4idl+vvl/4E/MBVgfnI8KFAAAAABJRU5ErkJggg=="/></li>
<li>CSS <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAXRJREFUSEvNltFRAzEMRJVOSCUJlRAqCVQSUglQCVBJcjtjzWxsyZYvzhh/n/WktbS6jUw6m0lc+Xfgp8FK/ObxvIo/RWQ/CP4hIq9R8ElEDjPAbyJyHAR+X+Ig3s3xpB4JhsyQOwSGzJAbB42x7az+Z4Fpg3aB0VhoMD29Y3ehu89Lo35FK0a2yFoPpPprVI3gCmAw1AqPUw6OKK2S5mp1gQHirHvA3B+4Zz5T7e24QRhsVkAf3A323MtsFgLzKLoTUavYAxczmaBqi+x6aDYkWpwamAMgc+1Mz8M1Ft8zfdp9+JQeS8aZW2/PkrJSQ8HWAmE/5sRMn25VXLNNzLlaYu5KTbtsgdkIICUAZ8v+0tMgESTLW8306R4wd6Um8Z0aDgm+kAKhma919RrbzMfGNZtHg934rXWHqiHlLvgrpPOOZyj+OliOFpi/1U7WRNRIANOmK/aut116wHkMJFLs2cgaa3V1NMaq7+6peBVQL00DXwFZVVYfQy4E6wAAAABJRU5ErkJggg=="/></li>
<li>JS <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAbVJREFUSEvFlotNxEAMRH2dQCVAJUAlQCVAJUAl0Anck3ZOc74kuxs2SiSELh+PPTO29xA7XYedcOM/wA8l6bc1ya8BBvDVwH4i4v34+7kngR7gqwJ4GxECA+s+InjGvceI+GxJoAWYoFT5VAK+pOqmnkM/icxeNWDoEyCVUNFcQBLgXZKs0j8HDJ3o2E3hker8LQxdGHAKGMCmrBeYrMkz2U6/xSB3LSapvCND8v/a380V88J3RGQD8Q0s3BSd+S1NoVaXtHVqxSDAJ3/0AHsAQD8KGqYjIPeUhCc+FFjuRQ7vWzFGIqJ2KLD6ek4SEtAkGwoMy3jBtaVK/r5S+wwFdk0xnOtLMptSTfA8GHx6Sf+hFcvRZ71ZeBcQ45XEhgLLXFSNq9GVaqFd22sTV2ugaCX6UCIR3K4266qYj/LInAxQKnV3exK+w8+G1dSS0CrMqw1dobG2SgXsK/Wi3+eCSEOtRc1mzIJplq7Va1FB1ZvSkXPV0snCaSXG1FQ7JdxKW07G+zfv3hZWmvXyNeiHBO7raDT8sJf1dP01Hjc93uY2wUS+hSqeO3/cq3FX8KWXdwP+A/COnB+LYkZoAAAAAElFTkSuQmCC"/></li>
<li>C++ <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAZdJREFUSEvFlutVxEAIRtlOtBK1E61ErUStRK1ErUT3eoJnJDBA3GP4lc1muMPHY+YgO9lhJ678BXwnIu8i8rhl81vAAG8HGPCn42/el60DPhORBxG5DLyzgZvj/y8VegUM8NpEOfON9PdLGsLvMrCVtRIM36TyR2DkRFai9QzHKinfzOR38++BASKtZ0joFVGWjtU6D/zpEKuFwwaeHaVYfz76tWAWvjngq2q1LlDPB2A28G0VMFVKm4yG3BfLi1cjf9R2bfCvBYuUtpiIBFVmbdcC29zgmOLLjHXaEfrcAluZZxWvm6GCaTXGKmnQZ9JVzjGLkFCNio161oLZJOvpY57xUwZbqYECn5k6R+rxuSU1gLGVokGh8/lkxQXYaycAtNOHcyZHQ6QdcXVqqfxROtpgHFbh0eRbDStvVkdHoR51SP9TnUuYJzkk8KVFEh2LtMlYsbNjkb5e3ctmF4Esimx6RUeoe0h4zrob8Lpg5Te7+owL/v2yZ3dr85/erzwZOxHb6CkoVGjdp9XJVnBWWOn/u4G/ADxLdB+qgIBRAAAAAElFTkSuQmCC"/></li>
<li>PYTHON <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAYVJREFUSEvllotNQzEMRd1JgEmATWASYBJgEtgEmAR0UPz0cGzHIZUqRKSqUvM59o2v04OcaBxOxJU/BT5vKun3u4jwmRozGV+JyJ2I8G0H4FcReagGUQUDexGRpwbWbL0ArivwKvi+Zct6oG+JrrctwFT6WTByAo4yBnZUsN6vzcK772Uwh2aZEcSjoydg9p21ObfgIqkpJC+bimUAU/17u3UF54HJ4qZCCNZYMMuoDeDb8MBU7EjiLK6LZr39Gfic30PwyCojIciMjD27Ad46nM1YG0UE0A7lzX80/3JVXn0gNYF9jypY74hGchlENfJ3Co6kRqYok5H8Op9KzaLPwJueZ6vQTt2KnbhXmsAKmP1cU2on5KaB7BvACrjzsFdcGhFQbZlqgag9ZnKHLqi+TnQyD+z980Ad3u10rIL1cM2MALv79CI4FlgfAWrj2RbSCtgWnD1LJWfdj0YR6V3NmP0cipR0LtsSVWqy3dpidskz4P059uUZ1VI3/1vwNMhu+H/gLxekUR8h+SDsAAAAAElFTkSuQmCC"/></li>
<li>GITHUB <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAa1JREFUSEvFlo1NAzEMRtNNYBOYBJgEmASYpHSSsgncQ/cdjuskboR0lqpCleT5c/yTQ9nJDjtxywz4rpRyszrM9+f691cphU/KsmAAzwvEQiMATjxlHMiA35aDHlMy/ha9l1Jeew70wKgEisoZI+z3LXgLDPQ8Qwv23EbwFvholCp5ssqVZFofKo/AL2siyXmShTvjIBLMZjJr+F+/faxZzlqcl3HfnLuZB0ch5p6kOhv96Jwq5B7s1QL6LzBRI3q/5sHfThL3g6czRnKq0Wj/ptqCo/Bc3M0VHnSjZ8E+IWbDLN+i85SoVajpTjQMa2ENJlVHEUyDZxJLfnWvbhTqzcOkSrssfcds8lmdnjaBY7b7XVSRL6eoBGYyO8qXqjR7DYSFqsPhmDOKW2O0EhD1aqnWQOcgOUDo6cc4Yg2F6uOtdKhYoyFBOXHog4FHCTcao8MhIW+lGoWUlH3yeLV+j1cctt3eC0RwvAU2eshFidns9aM3lz1MA54IRObB3QEzAgOwidM7zIKHJZgBS536+DZTnWwaxmn5rXpppFJ8oi1Ob7lG8TQk2rgb+AfWnmsfmQKnwwAAAABJRU5ErkJggg=="/></li>
</ul>
</div>
<div class="proj">
<span>PROJECT</span>
<div class="land">
<h3>LANDING PAGE</h3>
<img src="land.jpg" alt="">
</div>
<div class="todo">
<h3>TODO LIST</h3>
<img src="todo.jpg" alt="">
</div>
</div>
</div>
<hr>
<div class="contact">
<div class="info-box">
<div class="box">
<div class="social"><h2>INSTAGRAM ID - </h2><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAh1JREFUSEvNl7FOG0EQhmd0s5L9FjhNeAMapBiJKihKilCD+xR0iZICI0WylCoFfUidNImgoQFEwytQ5Z7DO6OJ53SH7uxd7/lAwDYubna+/Wdn/10jPNHAJ+LC8war6ppVhpmL32XDOXeZirHvUcUGY+Z9RHwFAMM2yWoxuar+dM6NY/OCYO/9cAa8WBEWCrcFjEJVCIKZ+R8AJMvacmE5EQ3mYxfAzPwDAPZbJg2qnM3P57bnhIhG9eAQ+D5q79Qxs21V1RsLqkNgTagtGmeWtOheRLQtOSy3pg6uC1gOTjWVqh6FOrV2AmwBVmYbjR5R1a16kzUULwNXUFVdZ+ZdRNy07Kp6LSK/er3erfd+jIgGXxhdwZdEtKWqL0XkGAC25zKfZ1n2AQC8iFhzLpz7TuBKrYh8UdWvEUWfnXOTmOpOYAAYEdEJM58BwOtI8/0lorex7eoEriYx8ykA7ETAf4jondksAFi5G6MruOhm7/0nRJxESv3ROfftoUtdnENVfSEi3wHgTR2uqqb2ABHzmN12UlxCCtubmceAmd8j4kZpIDfT6fR3v9/POx8nMwIRMceJ3TTRq24Z1JJlWTawilSJGwaSAFdzbLLZ5VVpIGuIuJe6zYiowQp5dd3cE7bd+nP6kkiVrDWqGZi+Fstym+rHfQhU+yYiDwFf7elTwR/9sRewO3txtir9vZ+3HZuo9bTn/U+itYwVAv8DbXhmLhfNt68AAAAASUVORK5CYII="/></div>
<div class="social"><h2>FACEBOOK ID - </h2><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAARxJREFUSEvtV8ERgkAMzA6hD61EqUQ60U7USrQT6eNyE43jMefBA8ZD0ZEfM5BlN7shB/rQhQ/h0nyAVXUhIoucSpRleU7rdRiLiOYEfdRqmHkZ130Cds6tAZwmACZVrWLmXw/cqOqRiM7M3JhHAJhP9kG9KRh3+mdgaduyA6cFA8PJgZm59ckjivXNoCsiMqnbWOZmbD2tAksRsZ7WfamYGtiiuP494KIo7lMIQBOzsx6He++9Mc8ap974pPI653YAtjlzPAg4NVoOc4UpdZeamQ+Rq+sgN4DNO+P0o66OjJQOkD/jVpwcro4j++VSWwa995cRO9dgxjZm4xHb2TLHrLe25sTF7Off99GD1tsRbF96dD4niZdojHj5Cu5FNC7aBzIbAAAAAElFTkSuQmCC"/></div>
</div>
<div class="box">
<div class="social"><h2>GMAIL -</h2><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAUVJREFUSEvtluGNwyAMhbEge6SbtJPcZZK2k1w3uWzS7oGRK1eASAQEUnLtSc3PBPvjPWwTEC964EVc8QH/mfPvYbXWeg8AX0KInojOXdeNz1gQ5pNSDgBwc/m8YiLqjTHXEMRwpdQlDCjdiNb6BADHcL2UcudyeXBsoQ0a57vNwa2AHyHEPrJuYCH8vgTs4n1QCmyt/U19t8d3qgWLnPUZx/w+VoNj1i9YOxH/LNhbT0Q3AEhaO7e8Fbi0wJtZXQ10AbWKeYjEWiO3gWhMFZib3hjDYB4G/ZJcIjo82iVy9tVgnja2ermQUvDRjdlUP68CO6WIyFPpe6b8opQa3LtNwJwcERn8sJ6tnV8mm4EZztYjYh+7wTYF54rsf4DtuXHhTJ7wDl1qpVXFZYuG22UyLBqCJ5X/Hv9cpVa2WPdR3MLFohx3tGoXLnEgURwAAAAASUVORK5CYII="/></div>
<div class="social"><h2>SNAPCHAT -</h2><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAWJJREFUSEvVlt1xAjEMhKVOQidQSUIlgUpCKgmpJHSysDf2zGHO1g8wTPzCy50+r7TaQ+VFR1/Elf8HBrAu3Tqp6inauZDiAvsSkbcGdBSRvary13XcYAA/IlJV9ooTvvOQXWAALPbpKViUm3ATDIBt/XNC62Mra+4e8IeIcK6Rs1XVw+gFDzjS5sp6CJhqqTpyTJM9S3EeXHaWwUC1XkfXrkxg1ujt9qLi4PpYI1icdw/MFeJsrcCwoHQ21d9E6nDGg4i0gARtRrvsMRfDo81mC3xU1U16j4tiZnTmUHH3o9FVnIzK+QWH7e6Zi6bKKnXBr8CltdzZe93cjoYt/57ndwvOGMk7/yvD3bS6qKbi94Sb20twzlT7236tRubKfBxacDezrQCZ9pdBAKBm9min95cuHcrz3ZyeanoHVJ8DUKN0fgHCtpFaYfDsAvRB6q9tSnFEVToyHwVZqpNu9b2XOgMtbY4fcDOI7gAAAABJRU5ErkJggg=="/></div>
</div>
<div class="box">
<div class="social"><h2>LINKEDIN -</h2> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAASJJREFUSEvtl+sNgkAQhGc60U6wE61EqUStRDvRTlaHHLogGsDlEeMl/jnifs7M3nISEy1OxMV8wGa2AKBP2CJ5rhd7UWxmFkZ8FrqSXPq6FbCZZQBOA4BVcuWVtwFfg6zvBD6Q3KTc9wDkSN/VHkzy4cg9+h2AbV9qF6tl8abMxcykeD0GWAzBjwn2jdpezfWFyMpX22esXJJqVZBiWX0AkKeSGjTazxVJakI9amrETuAlSdkNl7EgajTtZU1T6c0piAOXRgpU/kC3J3ekvFyxYOdE/RTUp2A42M92H4PyvwyiOGXpixeTLuX/B8dl/JNWt5lc/uKgK07RXOkd7p91sjpqTs/3JVE/e5GKH3NfRZtumdNcbyMlfqo1n38SYym+AapIHS4EDj1BAAAAAElFTkSuQmCC"/></div>
<div class="social"><h2>WHATSAPP -</h2><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAbNJREFUSEvVl+F1wjAMhKVNYJKWSVomKUzSMEnpJGUTlS9P4rl+ToJCWmj+BLCjk+7OUlC506V3wpXHAjaz54WZOKnqqYz5o2IzW4nI18KgEW5dgtfAVPrxS8AbVT1G7H8H3InIp4ggzZPf+Tx23VRx/7B7AZBV0GdmryLy5km0EpgFjCvXDvguIrXrcezG0VrrLKWBIyhUjhmPfYdzxcjAvpr6NPBeVXdmZiISwV8GKGV964xAe3nlgFVVzQz60HCrqt05h53r2dIyZKEflFWngI+qujGzCBLmIgmSGQOG7tILKeBOVbdOMyDxvQ5aJ4DRkIME48oBi8i+aqMERcuWgS7t0UFLnVPAQXVZYRiIOxXRBuNzD+S+uIlq4qxdq1LT3t24PUr0BsKeWp5ZVPMQx4OqWlOLBKLxU304uuX6FNUBzH3IxVFRKUEryRyw60U1nEmq44gwGOKoXGj3F4ih7pYC7qmjJNcQcDQ80bfLwW5mk0csM49Dv3ooxO9Uy9rUSJw1JEaHbGIxRXUi7uTWYWDXsm7ukxGv2YBJy33N9+o/f729JvOl9jzWP4mlqhqL8w1BUAcu+n6dQgAAAABJRU5ErkJggg=="/></div>
</div>
</div>
</div>
</body>
</html>