-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (86 loc) · 3.58 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
<!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" />
<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=Cinzel&family=Dancing+Script:wght@600&family=Gwendolyn&family=Lora:ital@1&family=Merriweather:ital,wght@0,400;1,300&display=swap"
rel="stylesheet"
/>
<title>My first portfolio</title>
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="images/favicon1.ico" type="image/x-icon" />
</head>
<body>
<section class="top-banner">
<div class="half-width introduce-part">
<h1>Hello!</h1>
<h1>I'm <span>Labib Ahmed</span> & Welcome to my world!</h1>
<h2>A baby WebDev</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis
dicta temporibus, aspernatur hic a fuga harum repellendus ratione?
Illum, dolores. Sed nobis quo, exercitationem maxime rem ab cumque
dolores quibusdam eum sunt voluptatibus voluptates commodi aperiam
sint eius deserunt. Ipsam minus est assumenda nulla quo. Ullam ad
sequi voluptate, perferendis nobis recusandae, fugiat excepturi dolore
quibusdam dignissimos, iusto voluptas fuga.
</p>
<a href="https://web.programming-hero.com/" target="_blank">Hire me</a>
</div>
<div class="half-width">
<img src="images/my-bg.jpg" alt="A cool guy" />
</div>
</section>
<section class="middle-section">
<div class="half-width mdl-img">
<img src="images/my-bg2.jpg" alt="a guy in sunglass" />
</div>
<div class="half-width mdl-intro-part">
<h1>My <span>Journey</span></h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores
beatae delectus dicta neque tempore quas modi, nostrum omnis
blanditiis nisi sequi aspernatur nesciunt adipisci tempora a labore
inventore quam doloribus.
</p>
<a href="https://web.programming-hero.com/" target="_blank"
>Download CV</a
>
</div>
</section>
<article>
<h1>Experience</h1>
<div class="experience-sector">
<div class="exp-card">
<h2>Baby Web Developer</h2>
<h3>2020 - 2021 || Self Motivated Learner</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis
doloremque nisi ut in consectetur ullam, accusantium, dolorum
adipisci natus ea amet sequi tenetur sapiente, saepe exercitationem
minima tempora cum accusamus nostrum? Ipsam, fugit iste vitae nam
voluptate ea explicabo consequuntur?
</p>
</div>
<div class="exp-card">
<h2>Professional Web Developer</h2>
<h3>2022 - present || professional WebDev</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis
doloremque nisi ut in consectetur ullam, accusantium, dolorum
adipisci natus ea amet sequi tenetur sapiente, saepe exercitationem
minima tempora cum accusamus nostrum? Ipsam, fugit iste vitae nam
voluptate ea explicabo consequuntur?
</p>
</div>
</div>
</article>
<footer>
<p>© Labib Ahmed 2021, A Programming Hero initiative.</p>
</footer>
</body>
</html>