-
Notifications
You must be signed in to change notification settings - Fork 96
/
Copy pathintro.html
61 lines (51 loc) · 2.32 KB
/
intro.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
<!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>Puneet Kaur - web developer - a student at Thapar</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="sidebar sidebarGo">
<nav>
<ul>
<li> <a href="/index.html">Home</a></li>
<li><a href="/intro.html">My Intro</a></li>
<li><a href="/skills.html">Skills</a></li>
<li><a href="/cv.html">CV</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="main">
<div class="hamBurger">
<img class="ham" src="ham.png" alt="" width="35px" height="35px">
<img class="cross" src="cross.png" alt="" width="30px" height="30px">
</div>
<div class="intro">
<h2>About Me</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, quia ea dolorum qui reiciendis illo excepturi provident veniam iste cumque eveniet corrupti! Autem modi, eius aspernatur vero reprehenderit ea maxime molestias ab, unde magnam exercitationem, delectus deleniti!</p>
<h2>My Skills</h2>
<div class="skillContainer">
<div class="skillItem">HTML: <div class="skill hundred"></div></div>
<div class="skillItem">CSS: <div class="skill t5"></div></div>
<div class="skillItem">JAVASCRIPT: <div class="skill fifty"></div></div>
<div class="skillItem">PYTHON: <div class="skill t5"></div></div>
<div class="skillItem">SQL: <div class="skill hundred"></div></div>
</div>
<div class="myProject">
<h2>My Projects</h2>
<ul>
<li><div class="project">To do list</div></li>
<li><div class="project">Clone</div></li>
</ul>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>