-
Notifications
You must be signed in to change notification settings - Fork 0
/
cat.html
111 lines (96 loc) · 4.45 KB
/
cat.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
<!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>Cat Portfolio</title>
<link rel="shortcut icon" href="images/t-logo.png" type="image/x-icon">
<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&display=swap" rel="stylesheet">
<link rel="stylesheet" href="cat.css">
</head>
<body>
<section class="top-banner flex-era">
<div class="half-width">
<h1>WELCOME TO</h1>
<h1><span class="orange-color"><i>KiTtY'S</i></span> ... WORLD</h1>
<h3>I'm KiTty. King of my own kingdom.</h3>
<hr>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. At quibusdam culpa iusto tempore a dolor aliquid
modi quasi mollitia cum placeat soluta, harum suscipit! Perferendis recusandae magni aperiam nobis
excepturi
cumque sequi vel sunt eos, nisi cum modi quisquam repudiandae, blanditiis quo? Aliquid accusamus sit
eveniet
laudantium quibusdam, molestias natus.</p>
<hr>
<a class="link-btn" target="_blank" href="https://youtu.be/iDVItAX-meU"><strong><i>CLicK</i>
HEre</strong></a>
</div>
<div class="half-width">
<img src="images/my-bg-1.png" alt="">
</div>
</section>
<section class="dream-big flex-era">
<div class="half-width">
<img src="images/t-logo.png" alt="">
</div>
<div class="half-width">
<h1> <span class="orange-color"><i>KiTtY's </i></span>Dream</h1>
<hr>
<h2>Sleep . . . Eat . . . Repeat</h2>
<hr>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta atque, non deserunt impedit quibusdam
quisquam molestias provident mollitia nemo fugit consequuntur veritatis, minus beatae! Dicta error
consequatur veniam hic. Adipisci laborum, quia, numquam a cupiditate sed pariatur aperiam minima illum,
alias quo iste consectetur perspiciatis enim voluptatem? Fuga, eveniet velit!
</p>
<a class="link-btn" href="https://youtube.com/shorts/aXvPMitKHgk?feature=share" target="_blank"
rel="noopener noreferrer">SeE
ME</a>
</div>
</section>
<section class="exp">
<h1>MAmA Mee AAA. . mOW. .</h1>
<hr>
<div class="flex-era">
<div id="hobby" class="exp-itm">
<h3><span class="orange-color"><i>KiTtY's </i></span>Hobby</h3>
<h2 class="sub-line">Lorem ipsum dolor 1013||3103 sit amet.</h2>
<hr>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam reiciendis, fugit animi, eaque
sapiente deleniti dicta corporis quos, repudiandae ex nemo excepturi consequatur similique. Vitae
minus
itaque laudantium quas quis quo labore hic, magni molestiae numquam dicta dolores a perspiciatis
nisi
atque iusto tenetur, nam et fuga dignissimos tempore unde?
</p>
</div>
<div id="future" class="exp-itm">
<h3><span class="orange-color"><i>KiTtY's </i></span>Future</h3>
<h2 class="sub-line">Lorem ipsum dolor 2002||0202 sit.</h2>
<hr>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Id hic ipsa, impedit dolores quam veritatis
saepe suscipit cupiditate at temporibus dolorum optio! Incidunt nihil molestias quia atque maxime
amet
perferendis dolore. Ipsam harum quibusdam quod. Repudiandae dolores doloribus neque consequuntur
tenetur
dolor, voluptate impedit sequi magnam corporis fugiat molestias deleniti.
</p>
</div>
</div>
</section>
<hr>
<footer>
<p>
<strong> © </strong> Shagor Kumar Das <br>
</p>
<div id="pritty">
<b>P</b><i>r</i>i<strong>T<i>t</i></strong>y</b>
</div>
</footer>
</body>
</html>