-
Notifications
You must be signed in to change notification settings - Fork 0
/
intro.html
46 lines (44 loc) · 2.08 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
<!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>portfolio</title>
<link rel="stylesheet" href="port.css">
</head>
<body>
<div class="container">
<div class="sidebar sidebargo">
Amol
<nav>
<ul>
<li><a href="/1index.html">HOME</a></li>
<li><a href="/intro.html">MY information</a></li>
<li><a href="/Services.html">Services</a></li>
<li><a href="/bolg.html">Blog</a></li>
<li><a href="/contact.html">Contact me</a></li>
</ul>
</nav>
</div>
<div class="main">
<div class="hamburger">
<img class = "ham" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Hamburger_icon.svg/2048px-Hamburger_icon.svg.png" alt="" width="23px">
<img class = "cross"src="https://png.pngitem.com/pimgs/s/149-1495897_x-tumblr-aesthetic-black-png-sticker-clip-art.png" alt=""width="23px">
</div>
<div class="intro">
<h2>About me </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam laboriosam corrupti ad alias non earum inventore. Voluptate quam eligendi perferendis deserunt, incidunt dicta hic ad rem nobis iste minima unde atque modi amet numquam ea animi ullam?</p>
<h2>My skills</h2>
<div class="skillcontainer">
<div class="skillItem"> HTML: <div class="skill t5"></div></div>
<div class="skillItem"> CSS: <div class="skill"></div></div>
<div class="skillItem"> JS: <div class="skill t5"></div></div>
<div class="skillItem"> PHP: <div class="skill"></div></div>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>