-
Notifications
You must be signed in to change notification settings - Fork 77
/
index.html
56 lines (51 loc) · 3.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic Portfolio Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- We will be creating many elements in this document with some class (to add some styling later) -->
<!-- home page -->
<div id="home" class="homePage">
<div class="intro"> <!-- creating a master div to have child elements in it -->
<div class="name">Hi, I am <name></div> <!-- creating a div to enter your name (edit your name here) -->
<p>Frontend developer</p> <!-- paragraph tag -->
<button class="your_button">button</button> <!-- creating a button -->
</div>
<div class="myImage"> <!-- always a good habbit to add master divs -->
<img src="https://miro.medium.com/max/3960/0*HICLyAdNSIyT0ODU.jpg" alt="MyImage"> <!-- adding a image using url -->
</div>
</div>
<!-- about me -->
<div id="aboutme" class="about"> <!-- again a master div -->
<div class="about_heading"> <!-- child div for heading -->
About me
</div>
<!-- adding a paragraph tag to write "about me", edit it and write about you -->
<p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum voluptates provident molestias a
animi facilis iusto voluptatum repellat eligendi consequatur distinctio placeat mollitia veritatis
recusandae, ad, quasi commodi enim quos! Quasi aspernatur veniam, blanditiis sint necessitatibus dicta
libero voluptatibus reiciendis asperiores nemo maiores ducimus corrupti magnam error voluptatum ab velit.
</p>
</div>
<!-- contact -->
<div id="contact" class="contact_sec"> <!-- adding a master div again -->
<div class="contact_heading">
Contact Me <!-- adding a chiid div for heading -->
</div>
<div class="contact_info">
<!-- adding more divs for personal details, edit them! -->
<div class="Email">Email : <span class='data'>[email protected]</span></div>
<div class="mobile_no">Mobile no : <span class='data'>+91 XXXXXXXXXX</span></div>
<!-- adding anchor tag to directly redirect user to your profile, add links to your profile in href -->
<div class="linkdin">linkdin :<span class='data'> <a
href="https://www.linkedin.com/company/gdsc-iiit-kalyani/">Linkdin IN</a></span></div>
<div class="github">Github : <span class='data'> <a href="https://github.com/GDSC-IIIT-Kalyani">Github</a></span></div>
<div class="others">Others :<span class='data'> <a href="https://gdsc.bio.link/">BIO</a></span></div>
</div>
</body>
</html>