-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (121 loc) · 4.79 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="loco.css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="images/Favicon.png" type="image/png" />
<meta name="description" content="Rishabh Darji's Portfolio" />
<title>Rishabh Darji</title>
</head>
<body>
<div id="minicircle"></div>
<div id="main">
<div id="hero">
<div id="nav">
<a href="#">Rishabh Darji</a>
<h4>MENU+
<button id="menu-toggle">☰</button>
</h4>
</div>
<div id="heading">
<div class="bounding">
<h1 class="boundingelem">Software</h1>
</div>
<div class="blocktext">
<div class="bounding">
<h1 class="boundingelem" id="secondh1">Developer</h1>
</div>
<div class="bounding">
<h5 class="boundingelem">Based in Chicago</h5>
</div>
</div>
</div>
<div id="smallheading">
<div class="bounding">
<h5 class="boundingelem">Available for Freelance</h5>
</div>
<div class="bounding">
<h5 class="boundingelem">Work from May 23'</h5>
</div>
</div>
<div id="herofooter">
<a href="https://www.iit.edu/"
>Currently Studying At Illinois Tech<i class="ri-arrow-right-up-line"></i
></a>
<a href="https://github.com/rishabhdarji"
>My github Repository<i class="ri-arrow-right-up-line"></i
></a>
<div id="seticon">
<div class="circle"><i class="ri-arrow-down-line"></i></div>
<div class="circle"><i class="ri-arrow-down-line"></i></div>
</div>
</div>
</div>
<div id="second">
<div class="elem">
<img src="images/Surc.png" alt="Surc" />
<h1><a href="https://surc.in/">Surc</a></h1>
<h5>2023</h5>
</div>
<div class="elem">
<img src="images/MSA.png" alt="MSA Study Abroad" />
<h1><a href="https://msastudyabroad.netlify.app/">MSA Study Abroad</a></h1>
<h5>2023</h5>
</div>
<div class="elem elemlast">
<img src="images/Notekeep.png" alt="NoteKeep" />
<h1><a href="https://rishabhnotekeep.netlify.app/">NoteKeep</a></h1>
<h5>2023</h5>
</div>
</div>
<div id="about">
<img src="images/Rishabh.jpg" alt="Rishabh Image" />
<div class="textabout">
<h5>(About me)</h5>
<p>
I'm a software engineer who loves making technology not just work but work wonders. I’m all about designing products that are so seamless and visually striking, you’ll wonder how you ever lived without them. By day, I'm crafting code and solving real-world challenges; by night, I’m conquering digital realms in video games or on an intense Netflix binge. If you're looking for someone who blends creativity, functionality, and a dash of 'wow,' you've found your new favorite teammate. Let's make tech that's not just practical—it's practically irresistible!
</p>
<a href="mailto:[email protected]">Let's Talk</a>
</div>
</div>
<div id="subscribe">
<h5>(forgot to mention)</h5>
<h3>
<a href="https://www.youtube.com/@rishabhdarji6818">
Subscribe to my youtube channel<i class="ri-arrow-right-up-line"></i>
</a>
</h3>
</div>
<div id="footer">
<div id="footerleft">
<div class="year">
<h5>2024 ©</h5>
</div>
<div class="time">
<h5 id="current-time">2:24 pm IST</h5>
</div>
</div>
<div id="footerright">
<a href="https://github.com/rishabhdarji">Github</a>
<a href="https://www.instagram.com/rishabhdarji/">Instagram</a>
<a href="https://www.linkedin.com/in/rishabhdarji/">Linkedin</a>
<a href="https://x.com/Rishabhdarji">Twitter</a>
</div>
</div>
</div>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"
integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.min.js"></script>
<script src="script.js"></script>
</body>
</html>