-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (97 loc) · 4.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<title>Xayed</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/32809a2e09.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="progress-container">
<div class="progress-bar" id="myBar"></div>
</div>
<div class="container header">
<div class="sub-container textPart">
<h1 class="normalHeading mgl">Hi I'm</h1>
<h1 class="mgl" id="name">Abdullah Zayed</h1>
<p class="mgl description">I'm a web developer. I work on both front end and back end. So basically I'm a fullstack developer. I'm looking forward to work on more projects.</p>
<a href="https://xaadu.github.io/" class="btn btn-1 mgl">Hire Me</a>
</div>
<div class="sub-container imagePart1">
<img src="images/me2.png" alt="Peter Image" class="pi">
</div>
</div>
<!--<div class="hr"></div>-->
<div class="container dream">
<div class="sub-container imagePart2">
<img src="images/me3.png" alt="Peter Image Dream" class="pi">
</div>
<div class="sub-container textPart">
<h1 class="bigHeading">My Dream</h1>
<br>
<p class="mgr description">My Dream is to be one of the best "Fullstack Developer" in the world. So I've tried learnig all the popular and unique frameworks of JavaScript and still learning. Already I've acknowledged HTML, CSS, JS(Vanilla, React, Vue, Node) and Python(Flask, Django). Want to know more?</p>
<a href="https://xaadu.github.io/" class="btn btn-2 btn-l">Download CV</a>
</div>
</div>
<!--<div class="hr2"></div>-->
<div class="container experiences">
<div class="sub-container">
<h1 class="bigHeading exp-heading">Experiences</h1><br><br><br>
</div>
<div class="sub-container exp-boxes">
<div class="exp-box box1">
<h1 class="normalHeading">Full Stack Developer</h1>
<h1 class="subHeading">2020-Present | Development</h1><br>
<p class="description">I am an experienced web developer. I know how to make websites and web development tools. I also know about database and system administration work. Also graphics is my strong suit.</p>
</div>
<div class="exp-box box2">
<h1 class="normalHeading">Baby Web Developer</h1>
<h1 class="subHeading">2019-2020 | Learner</h1><br>
<p class="description">I was an baby web developer. I was learning from UDEMY, Lynda, Youtube and Google. I've tried my best to be a proffesional fullstack developer. I've spent most of my time in this 1 year in Web Design and Development.</p>
</div>
</div>
</div>
<!--<div class="hr"></div>
<div class="container latest-work">
</div>
<div class="container client">
</div>-->
<div class="container contact">
<div class="sub-container">
<h1 class="bigHeading contact-heading">Reach Me</h1>
<p class="description contact-sub">Have something to say? Fill out the form and I'll reach you as soon as possible!</p><br><br>
</div>
<div class="sub-container contactFrom">
<form class="form" action="#" method="POST">
<div class="double">
<input type="text" name="name" id="fullname" placeholder="Enter Your Name" required>
<input type="email" name="email" id="email" placeholder="Enter Your Email" required>
</div>
<textarea class="single" name="message" id="message" placeholder="Write Me Something ..." required></textarea>
<input type="submit" value="S E N D" class="btn btn-1 btn-l single">
</form>
</div>
</div>
<!--<div class="hr2"></div>-->
<div class="container footer">
<div class="sub-container icons">
<a href="http://facebook.com/xayed42/" target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="http://instagram.com/xaa_du/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="http://twitter.com/xayed42/" target="_blank"><i class="fab fa-twitter"></i></a>
</div>
<div class="sub-container credit">
<p id="credit">Crafted By: Xayed || All Rights Reserved © 2020</p>
</div>
</div>
<script>
window.onscroll = function() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("myBar").style.width = scrolled + "%";
};
</script>
</body>
</html>