-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (126 loc) · 6.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Portfolio Website</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> -->
</head>
<body>
<header class="nav center">
<!-- <p class="logo">LOGO</p> -->
<div class="logo">
<img src="Assets/rslogo.jpg" alt="rslogo">
</div>
<input type="checkbox" name="" class="checkBtn">
<ol class="center">
<a href="#About"><li>About</li></a>
<a href="#Education"><li>Education</li></a>
<a href="#Experience"><li>Experience</li></a>
<a href="#Projects"><li>Projects</li></a>
<a href="#Contact"><li>Contact</li></a>
</ol>
</header>
<section class="main">
<div class="box">
<h1>Rohan Sharma</h1>
<p>Web Developer & Coder</p>
<button class="btn">About</button>
</div>
<img src="Assets/rs.jpg" alt="Rohan profile pic">
</section>
<!-- About -->
<div class="about center" id="About">
<div class="box_wrap">
<p class="heading">About</p>
<p class="text">Hello! My name is Rohan Sharma, and I'm a coding enthusiast and a web developer.<br><br>I know languages like <b><em>C, C++, python, html, css, and javascript</em></b>. I love to design also and know the fundamentals of <b><em>blender, UI/UX</em></b>, etc,.<br><br>I have a hige interest in technologies like AI/ML and game development technology(like AR, VR, and MR) very much. They are freaking best in the world. Connecting the Virtual world to the Real world is damn mind-blowing and full of challenges. One has to study a lot and think a lot and of course, work a lot and lot to build connectivity into these two. I'm a big fan of Iron Man(MCU character) and so it's AI, named Jarvis and Friday. And this is one of the reasons for me having an interest in it.<br><br>My life cycle is like sleeping -> coding -> eating -> exploring -> reading -> sleeping -> coding -> eating -> writing -> overthinking -> sleeping.
</p>
</div>
<div class="box_wrap">
<p class="heading">Skills</p>
<div class="skills_box">
<i class="material-icons" style="font-size:70px;">html</i>
<i class="material-icons" style="font-size:70px;">css</i>
<i class="material-icons" style="font-size:70px;">javascript</i>
</div>
</div>
</div>
<!-- Education -->
<div class="education center" id="Education">
<div class="left_box">
<h1 class="heading">Education</h1>
<div class="container">
<h3>Nalanda College of Engineering, Chandi</h3>
<p>Computer Science and Engineering</p>
<small>2022-2026</small>
</div>
<div class="container">
<h3>Gyansthali High School</h3>
<p>Undergraduate Programme (10th+2)</p>
<small>2022-2026</small>
</div>
</div>
<div class="right_box">
<img src="Assets/nce.jpg" alt="University pic">
</div>
</div>
<!-- Experience -->
<div class="experience center" id="Experience">
<h3>Experience</h3>
<ul>
<li>
<small>June, 2023-Now</small>
<p>Social Summer of Code</p>
<p>Contributor</p>
</li>
<li>
<small>June, 2023-Now</small>
<p>Spheron Open Source Scouts</p>
<p>Contributor</p>
</li>
<li>
<small>July, 2023-Now</small>
<p>CodSoft Internship</p>
<p>Intern</p>
</li>
<li>
<small>August, 2023-Now</small>
<p>OctaNet Internship</p>
<p>Intern</p>
</li>
</ul>
</div>
<!-- Projects -->
<div class="projects center" id="Projects">
<h3>Projects</h3>
<div class="container">
<a href="https://drive.google.com/drive/folders/18vO92OivBog4vWxEDAyxxg7_8a7wp1yH?usp=sharing">
<div>The Rohanerean Web</div>
</a>
<a href="https://drive.google.com/drive/folders/1ualZcRyqzdoUeiVv-zdYdcIAyq399Ht_?usp=sharing">
<div>Graphic Designing</div>
</a>
<a href="https://drive.google.com/drive/folders/18RqygTvqpV4LzTCA2xs3ypnBOyun5ZrG?usp=sharing">
<div>RS Education App Site Plan</div>
</a>
</div>
</div>
<!-- Contact -->
<div class="contact center" id="Contact">
<h3>Contact</h3>
<form action="" class="center">
<label for="first-name">Enter Your First Name: <input id="first-name" name="first-name" type="text" required /></label>
<label for="last-name">Enter Your Last Name: <input id="last-name" name="last-name" type="text" required /></label>
<label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
<label for="bio">Provide a bio:<textarea id="bio" name="bio" rows="3" cols="30" placeholder="I would like to..."></textarea></label>
<button class="btn">SUBMIT</button>
</form>
</div>
<div>
<h3 text-align="center">WORK IN PROGRESS</h3>
</div>
</body>
</html>