-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (98 loc) · 6.88 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Myself</title>
<link rel="stylesheet" href="style.css">
<link rel="apple-touch-icon" sizes="180x180" href="/logo/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/logo/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/logo/favicon.ico">
<link rel="manifest" href="/logo/favicon.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<nav class="navbar background h-nav-resp">
<ul class="nav-list v-class-resp">
<div class="logo"><img src="./image/circle.jpg" alt="logo" width="300px" height="300px"></div>
<li><a href="#home">Home</a></li>
<li><a href="#Introduction">Introduction</a></li>
<li><a href="#achievements:">Achievements</a></li>
<li><a href="#skills">Skills</a></li>
<!-- <li><a href="#contact">Contact </a></li> -->
</ul>
<div class="rightNav v-class-resp">
<input type="text" name="search" id="search">
<button class="btn btn-sm">Search</button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<section class="background firstSection">
<div class="box-main">
<div class="firstHalf">
<p class="text-big">Welcome To RR Website..!!</p>
<br>
<p class="text-small">Hey there, I'm Raghav Rastogi, hailing from Rampur. I've dipped my toes into the world of HTML, CSS, JS, and Java.
<br>
<br>
<br>
After all I crafting webpages that include cool stuff like CONTACT FORM , PAYMENT FORM , EDUCATION WEBSITE , RESUME & I write some BLOGS also... </p>
<div class="button">
<button class="btn "><i class="fa-brands fa-instagram"></i><a href="https://instagram.com/raghav_4786?igshid=MzRlODBiNWFlZA==" target="_blank" rel="noopener noreferrer" class="rev-underline-button">Instagram</a></button>
<button class="btn"><i class="fa-brands fa-linkedin-in"></i><a href="https://www.linkedin.com/in/raghav-rastogi-a74001277/" target="_blank" rel="noopener noreferrer" class="rev-underline-button">Linkedin</a></button>
</div>
</div>
<div class="secondHalf">
<img src="image/circle.jpg" alt="Hand fold" width="220px" height="220px">
</div>
</div>
</section>
<section class="section" id="Introduction">
<div class="paras">
<h1 class="sectionTag text-big"> Self-Introduction</h1>
<p class="sectionSubTag text-small">I am Raghav Rastogi, a curious and enthusiastic individual driven by a passion for exploration and growth. Hailing from the quaint city of Rampur, I have embarked on a journey of knowledge and self-discovery. Currently pursuing Electronics and Communication Engineering at KIET Group of Institutions, I am captivated by the dynamic world of technology and its potential to transform lives. Beyond my academic pursuits, I find joy in exploring various programming languages and creating interactive web solutions. With an innate curiosity, a strong work ethic, and an eagerness to learn, I am committed to leaving a positive impact on the world around me.,</p>
</div>
<div class="thumbnail">
<img src="image/smile1.png" alt="Its my Image" class="ImgFluid" height="200px" width="200px">
</div>
</section>
<section class="section section-left">
<div class="paras">
<h1 class="sectionTag text-big">Achievements and Milestones</h1>
<p class="sectionSubTag text-small"> Throughout my academic journey,From an early age, I demonstrated a commitment to success, earning prestigious trophies for outstanding performance throughout my school years. In classes 7, 8, 9, and 10, I proudly secured top positions, receiving recognition for my consistent dedication to learning and academic prowess. These trophies not only symbolize my achievements but also reflect my discipline, determination, and the invaluable support of teachers and parents. They serve as a reminder of my unwavering commitment to growth and the joy that comes from embracing challenges. As I progress on my educational path, these achievements continue to inspire me to reach even greater heights and make a meaningful impact in every endeavor I undertake. One of my proudest achievements was creating a comprehensive web application that streamlined payment processes for a local charity organization. This experience not only honed my technical skills but also reinforced the importance of using technology to solve real-world problems. These accomplishments have shaped me into a resilient individual who is ready to embrace challenges and convert them into opportunities for growth.</p>
</div>
<div class="thumbnail">
<img src="image/tropy.jpg" alt="Its my Image" class="ImgFluid" height="200px" width="200px">
</div>
</section>
<section class="section" id="skills">
<div class="paras">
<h1 class="sectionTag text-big">Skillset and Future Endeavors</h1>
<p class="sectionSubTag text-small">My journey has equipped me with a diverse skillset that encompasses various programming languages such as HTML, CSS, JavaScript, and Java. This proficiency has allowed me to craft engaging web experiences, including interactive forms and dynamic content.</p>
</div>
<div class="thumbnail">
<img src="image/skills22.jpeg" alt="Its my Image" class="ImgFluid" height="200px" width="200px">
</div>
</section>
<!-- <section class="contact">
<h1 class="text-center">Contact Us</h1>
<div class="form">
<input class="form-input" type="text" name="name" id="name" placeholder="Enter Your Name">
<input class="form-input" type="phone" name="phone" id="name" placeholder="Enter Your Phone Number">
<input class="form-input" type="Email" name="Email" id="name" placeholder="Enter Your Email Id">
<textarea name="text" id="text" cols="30" rows="10" placeholder="Ellaborate your concern"></textarea>
<button class="btn btn-sm btn-dark">Submit</button>
</div>
</section> -->
<footer class="background">
<p class="text-footer">
Copyright © 2023 www.aboutmyself.com All rights reserved
</p>
</footer>
<script src="resp.js"></script>
</body>
</html>