-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
207 lines (185 loc) · 11.6 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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio website</title>
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header class="header">
<a href="#home" class="logo">
Gourav<span>Yadav</span>
</a>
<i class="bx bx-menu" id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#about" >About</a>
<a href="#education" >Education</a>
<a href="#services" >Services</a>
<a href="#contact" >Contact</a>
</nav>
</header>
<section class="home" id="home">
<div class="home-circle-1"></div>
<div class="home-circle-2"></div>
<div class="home-content">
<h3>Hi</h3>
<h1>Myself <span>Gourav</span></h1>
<h3 class="text-animation">
I'm a<span></span>
</h3>
<p>"Welcome to the digital space crafted by Gaurav Yadav, where innovation meets expertise. As a dedicated developer, I navigate the intricate landscapes of code to transform ideas into seamless digital experiences. With a passion for problem-solving and an eye for detail, I specialize in crafting responsive websites and dynamic applications. Explore the intersection of technology and creativity as we embark on a journey to bring your digital visions to life. Your online presence begins here, with Gaurav Yadav – Developer, Visionary, Creator."</p>
<div class="social-icons">
<a href="https://www.facebook.com/profile.php?id=100023839117677"><i class='bx bxl-facebook-square'></i></a>
<a href="https://www.linkedin.com/in/gourav-yadavvit?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><i class='bx bxl-linkedin-square'></i></a>
<a href="https://www.instagram.com/__gauravv_yadav_/"><i class='bx bxl-instagram-alt'></i></a>
<a href="https://github.com/Gauravdevlo"><i class='bx bxl-github'></i></a>
</div>
<a href="null.pdf" download="null.pdf" class="btn">Download CV</a>
</div>
<div class="home-img">
<img src="mypic.jpg" alt="">
</div>
</section>
<section class="about" id="about">
<div class="about-circle"></div>
<div class="about-img">
<img src="mypic.jpg" alt="">
</div>
<div class="about-content">
<h2 class="heading">About <span>Me</span></h2>
<h3 class="text-animation">
<span></span>
</h3>
<p>Hello, I'm Gourav Yadav, a CSE student at VIT Bhopal University. Passionate about technology, I specialize in web and software development. With a love for coding, I bring ideas to life through creative and functional solutions. Explore my portfolio to witness my journey in crafting digital experiences.</p>
<div id="moreText" class="hidden">
<p>
Whether it's creating intuitive websites or developing robust software applications, I am committed to delivering solutions that not only meet but exceed expectations. My skills extend across various programming languages and technologies, allowing me to adapt to the dynamic landscape of the tech industry.
This portfolio is a reflection of my academic pursuits, my passion for coding, and the projects that have shaped my journey so far. Join me as I continue to push the boundaries of what's possible in the digital realm, one line of code at a time. Thank you for visiting, and feel free to explore the diverse facets of my work showcased here.
</p>
</div>
<button onclick="toggleReadMore()" id="btn">Read More</button>
</div>
</section>
<section class="timeline-section" id="education">
<h2 class="heading">Education</h2>
<div class="timeline-items">
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2020</div>
<div class="timeline-content">
<h3>High school</h3>
<p>I have done my high school from <span class="school">Kendriya Vidyalaya Cossipore</span> with a cgpa of 9.0 in class 12th.</p>
</div>
</div>
<div class="timeline-items">
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2022</div>
<div class="timeline-content">
<h3>University</h3>
<p>Currently I am pursuing my B.tech degree from <span class="school">Vit Bhopal University.</span> I am in my 2nd year of academics with a CG of 8.0</p>
</div>
</div>
<div class="timeline-items">
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2023</div>
<div class="timeline-content">
<h3>Internship</h3>
<p>I have done 2 Internships one from <span class="school">Mood Indigo IIT Bombay</span> and other one from <span class="school">IMUN International.</span>In both my role was of campus ambassador. Currently I am having an Internship with <span class="school">CodSoft.</span></p>
</div>
</div>
</div>
</section>
<section class="services" id="services">
<h2 class="heading">Services</h2>
<div class="service-container">
<div class="services-box">
<i class="bx bx-code-block"></i>
<h3>Web Devlopment</h3>
<p>"Elevate your online presence with cutting-edge web development services. From sleek and responsive designs to robust backend functionality, I specialize in creating dynamic websites tailored to your unique needs. Whether you're establishing a new site or revamping an existing one, I'm committed to delivering seamless, user-friendly experiences. Let's collaborate to bring your vision to life in the digital realm. Explore the possibilities of a well-crafted online presence with my web development expertise."</p>
<div id="moreText" class="hidden">
<p>
Whether it's creating intuitive websites or developing robust software applications, I am committed to delivering solutions that not only meet but exceed expectations. My skills extend across various programming languages and technologies, allowing me to adapt to the dynamic landscape of the tech industry.
This portfolio is a reflection of my academic pursuits, my passion for coding, and the projects that have shaped my journey so far. Join me as I continue to push the boundaries of what's possible in the digital realm, one line of code at a time. Thank you for visiting, and feel free to explore the diverse facets of my work showcased here.
</p>
</div>
<button onclick="toggleReadMore()" id="btn">Read More</button>
</div>
<div class="services-box">
<i class='bx bx-camera' ></i>
<h3>3d Modelling</h3>
<p>"Step into a realm of boundless imagination with my 3D artistry services. As a skilled 3D artist, I craft immersive visual experiences that transcend reality. From captivating animations to intricate models, I bring your ideas to life with precision and creativity. Let's embark on a journey where your concepts evolve into stunning three-dimensional realities, pushing the boundaries of visual storytelling. Elevate your projects with my expertise, where innovation meets the art of the digital dimension."
</p>
<a href="#" class="btn">Read more</a>
</div>
<div class="services-box">
<i class='bx bxl-unity'></i>
<h3>Photography</h3>
<p>"Capture the essence of moments through my lens. Specializing in photography that tells your unique story, I bring creativity and passion to every shot. Whether it's portraits, events, or stunning landscapes, I aim to freeze time with images that evoke emotion and leave a lasting impression. Let me transform your vision into visual artistry, ensuring every photograph is a masterpiece that speaks volumes. Elevate your visual narrative with my dedicated photography services."</p>
<a href="#" class="btn">Read more</a>
</div>
</div>
</section>
<h2 class="heading">My <span>projects</span></h2>
<section class="card-sec" id="card-sec">
<div class="card">
<img src="login.jpg" alt="image" />
<div class="card-content">
<p>Login page</p>
<p>This is the Login page created with help of HTML & CSS only.</p>
</div>
</div>
<div class="card">
<img src="weather.jpg" alt="image" />
<div class="card-content">
<p>Weather App</p>
<p>Weather app created through HTML, CSS, JAVASCRIPT and binding it with Weather API</p>
</div>
</div>
<div class="card">
<img src="ecom.jpg" alt="image" />
<div class="card-content">
<p>E-Commerce Website</p>
<p>E-commerce Website created with the help of Html, css and javascript.</p>
</div>
</div>
</section>
</div>
<section class="contact" id="contact">
<h2 class="heading">Contact <span>Me</span></h2>
<form action="#">
<div class="input-box">
<input type="text" placeholder="Full Name">
<input type="email" placeholder="Email">
</div>
<div class="input-box">
<input type="number" placeholder="Phone number">
<input type="text" placeholder="Subject">
</div>
<textarea name="" id="" cols="30" rows="10" placeholder="Your Message"></textarea>
<input type="submit" value="Send Message" class="btn">
</form>
</section>
<footer class="footer">
<div class="social">
<a href="https://www.facebook.com/profile.php?id=100023839117677"><i class='bx bxl-facebook-square'></i></a>
<a href="https://www.linkedin.com/in/gourav-yadavvit?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><i class='bx bxl-linkedin-square'></i></a>
<a href="https://www.instagram.com/__gauravv_yadav_/"><i class='bx bxl-instagram-alt'></i></a>
<a href="https://github.com/Gauravdevlo"><i class='bx bxl-github'></i></a>
</div>
<ul class="list">
<li><a href="#">FAQ</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Privacy policy</a></li>
</ul>
<p class="copyright"> @ Gourav Yadav All Rights Reserved</p>
</footer>
<script src="script.js"></script>
</body>
</html>