-
Notifications
You must be signed in to change notification settings - Fork 0
/
AboutMe.html
70 lines (67 loc) · 2.9 KB
/
AboutMe.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
<!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="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;600;700&display=swap" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="/eduford_img/logo2.png" alt=""></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="AboutMe.html">ABOUT</a></li>
<li><a href="Resume.html">RESUME</a></li>
<li><a href="Blog.html">BLOG</a></li>
<li><a href="Contact.html">CONTACT</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1>About Me</h1>
</section>
<!-- -----About Content----- -->
<section class="About">
<div class="row">
<div class="About-col">
<h1>About Me</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Numquam aperiam aspernatur odit quaerat deleniti dolores exercitationem laborum? Laboriosam distinctio, eaque quasi sunt minus, quibusdam ratione quos officia iusto accusantium perspiciatis quod sed beatae quia repellendus sapiente atque porro numquam </p>
<a href="" class="hero-btn red-btn">Explore Now</a>
</div>
<div class="About-col">
<img src="eduford_img/about.jpg" alt="">
</div>
</div>
</section>
<!-- Footer -->
<section class="footer">
<h4>About Me</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas voluptates quam dignissimos quos, <br> ab id dolorum beatae fugiat cum nemo illum, aperiam, cumque veniam. Quia dolorem quam quibusdam molestiae quo?</p>
<div class="icons">
<i class="fa fa-facebook" ></i>
<i class="fa fa-twitter" ></i>
<i class="fa fa-instagram" ></i>
<i class="fa fa-linkedin" ></i>
</div>
<p>Made with <i class="fa fa-heart-o" ></i> By Akash Rai</p>
</section>
<!-- JavaScript for Toggle Menu -->
<script>
var navLinks= document.getElementById("navLinks")
function showMenu(){
navLinks.style.right="0";
}
function hideMenu(){
navLinks.style.right="-200px";
}
</script>
</body>
</html>