-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (77 loc) · 4.17 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
<!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="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=Otomanopee+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="shortcut icon" href="images/my-fancy-bg2.png" type="image/x-icon">
<title>My Portfolio</title>
</head>
<body>
<section class="welcome-section">
<div class="top-detail">
<h1>Welcome To</h1>
<h1><span class="ub-color">The Uzzal Bhowmik's</span> World</h1>
<h2 class="capitalize">I'm a self-taught and self-motivalted Web Developer.</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eveniet, aliquam ad assumenda facere atque
magnam sequi tempore aut unde officia cum itaque similique, quisquam repellendus quaerat iusto
debitis
magni placeat corrupti nostrum quam veniam molestias voluptatem mollitia! Porro, eveniet quaerat.
</p>
<a class="links-button" href="#">HIRE ME</a>
</div>
<div class="top-img">
<img src="images/my-fancy-bg2.png" alt="Personal Photo of the developer.">
</div>
</section>
<section class="think-section">
<div class="think-detail">
<h1>Think Differently</h1>
<h2 class="capitalize">Thinking out of the box is not a crime!</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Praesentium, architecto, dolore debitis omnis
laboriosam commodi dolor qui recusandae minus ut ab inventore veniam aliquid sequi et saepe quo a quos
quae ea id! Doloribus ut deleniti dignissimos, sint repellendus quasi saepe in distinctio corporis
repudiandae! Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut, maxime cupiditate. Quam
quisquam in eius consectetur assumenda dignissimos provident ducimus? Lorem, ipsum dolor sit amet
consectetur adipisicing elit. Aut quam alias reprehenderit ab beatae totam iusto, amet perspiciatis nam
ut?</p>
<a class="links-button" href="#">Download Resume</a>
</div>
<div class="think-img">
<img src="images/my-fancy-bg.png" alt="Image Loading Failed">
</div>
</section>
<h1 class="exp-sec-h1">Expertise</h1>
<section class="expertise-section">
<div>
<h1>Python Programming</h1>
<h3>2020-Present | Intermediate Level Developer</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem veniam iusto odio odit, ex
velit eligendi officia eos ab nulla beatae natus eum, facere quae? Vitae libero similique quos?
Officiis consequatur corrupti similique, magnam nihil laudantium reprehenderit voluptatem aspernatur
dolores?</p>
</div>
<div>
<h1>Data Structure and Algorithm</h1>
<h3>2021-Present | Basic Level Understanding</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum dicta maiores ad ipsum accusamus
commodi nihil assumenda ducimus nesciunt consequatur cupiditate, nam explicabo reiciendis
necessitatibus labore perferendis omnis beatae aspernatur fugiat dolor. Totam, ab nisi.</p>
</div>
</section>
<footer>
<p>© Uzzal Bhowmik's World, a UBCreative Arena Initiative</p>
<center>
<a href="https://www.facebook.com/uzzal.bhowmik01" target="_blank"> <i
class="fa fa-facebook-f fa-lg"></i></a>
<a href="https://www.linkedin.com/in/uzzal-bhowmik-76973319a/" target="_blank"> <i
class="fa fa-linkedin fa-lg"></i></a>
</center>
</footer>
</body>
</html>