-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·147 lines (134 loc) · 6.1 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Personal Website</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- ==================Header part start================== -->
<section class="header">
<div class="logo">
<h1>LOGO</h1>
</div>
<div class="menu">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="clr"></div>
</section>
<!-- ==================Header part end==================== -->
<!-- ==================Banner part Start==================== -->
<section class="banner">
<div class="half-width">
<h1 class="hello-highlight">Hello, I'm </h1>
<h1><span class="name-highlight">Fahim </span></h1>
<p class="banner-paragraph">Hello, I am Fahim. I want to be a Professional Web Developer.I already learned the basic HTML and CSS.</p>
<a class="link-button" target="_blank" href="https://www.linkedin.com/in/fahimalhossain2001/">HIRE ME</a>
</div>
<div class="half-width">
<img src="images/banner1.png" alt="first image">
</div>
</section>
<section>
<div class="half-width">
<img src="images/banner2.png" alt="">
</div>
<div class="half-width">
<h2 class="banner-about">ABOUT</h2>
<p class="banner-paragraph">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it to make a type
specimen book.</p>
<a class="link-button" target="_blank" href="https://www.linkedin.com/in/azizul-milton-8774b81b4/"><img src="images/download-01.png" alt="">DOWNLOAD CV</a>
</div>
<div class="clr"></div>
</section>
<!-- ==================Banner part end==================== -->
<!-- ==================Project part start==================== -->
<section class="project">
<h2><span class="project-highlight">LASTET</span> WORKING PROJECT</h2>
<div class="project-content">
<div class="project-1">
<img src="images/image 4.png" alt="">
<h3>Power-x-gym (gym website) </h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="project-1">
<img src="images/image 5.png" alt="">
<h3>Creative Agency </h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="project-1">
<img src="images/image 8.png" alt="">
<h3>Hard Rock Music</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="clr"></div>
</div>
</section>
<!-- ==================project part end================== -->
<!-- ==================Experience part Start================ -->
<section class="experience-area">
<h1>Experiences</h1>
<div id="full-stack" class="half-width single-experience">
<h2>Full Stack Web Developer</h2>
<h3 class="text-highlight">2021 - Present | Pro level Web Dev</h3>
<p>I am the master of HTML, CSS and Javascript. I know everything needed to make a website function, efficient. I didn't stop with the web. I went beyond with most popular Javascript framework called Vue JS. I even know the deployment, server and security. I will give you 100% web solution.</p>
</div>
<div id="fresh-web" class="half-width single-experience">
<h2>Fresher Web Developer</h2>
<h3 class="text-highlight">2020-2021 | Programming Hero Learner</h3>
<p>They didn't offer me a job. But I made myself as a remove web developer. I made their website and showed it to them. They liked it. And uploaded the content. It was fun working at Programming Hero.</p>
</div>
<div class="clr"></div>
</section>
<!-- ==================Experience part end================== -->
<!-- ==================Work part start================== -->
<section class="work">
<div class="work-item">
<h2>Work Inquiry</h2>
</div>
<div class="work-button">
<h4><a href="#">Let’s Chat</a></h4>
</div>
<div class="clr"></div>
</section>
<!-- ==================Work part end================== -->
<!-- ==================Icon part Start================== -->
<section class="icon">
<div class="icon-content">
<div class="icon-text">
<h3>Stay connected</h3>
<h2>[email protected]</h2>
</div>
<div class="icon-img-item">
<div class="icon-img">
<img src="images/icon2.png" alt="">
</div>
<div class="icon-img">
<img src="images/icon1.png" alt="">
</div>
<div class="icon-img">
<img src="images/icon.png" alt="">
</div>
<div class="clr"></div>
</div>
</div>
</section>
<!-- ==================Icon part end==================== -->
<!-- ==================Footer part Start================== -->
<footer>
<p>Copyright© Fahim al hossain 2021, all rights reserved.</p>
</footer>
<!-- ==================Footer part end==================== -->
</body>
</html>