Skip to content

Commit f00b05c

Browse files
KinanGH98KinanGH98
authored
Add files via upload
First file push.
0 parents  commit f00b05c

File tree

1 file changed

+93
-0
lines changed

1 file changed

+93
-0
lines changed

‎index.html

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>My First Website</title>
6+
<style>
7+
body {
8+
background-color: rgb(36, 36, 36);
9+
}
10+
11+
html {
12+
color: white;
13+
}
14+
</style>
15+
</head>
16+
17+
<body>
18+
<div style="width: 1600px; height: 900px; position: relative; background: #F9F9F9">
19+
<div
20+
style="width: 218px; height: 122px; left: 0px; top: 274.27px; position: absolute; transform: rotate(-38.69deg); transform-origin: 0 0; opacity: 0.50; background: #ED3A3A; border-radius: 9999px">
21+
</div>
22+
<div
23+
style="width: 477.39px; height: 716.78px; left: 745px; top: 618.77px; position: absolute; transform: rotate(-63.37deg); transform-origin: 0 0; opacity: 0.50; background: #ED3A3A; border-radius: 9999px">
24+
</div>
25+
<div
26+
style="width: 1600px; height: 900px; left: 0px; top: 0px; position: absolute; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(125.40px)">
27+
<img style="width: 655px; height: 596px; left: 847px; top: 106px; position: absolute; mix-blend-mode: multiply"
28+
src="https://via.placeholder.com/655x596" />
29+
</div>
30+
<div
31+
style="width: 1017px; padding: 20px; left: 92px; top: 579px; position: absolute; border-radius: 5px; overflow: hidden; justify-content: flex-start; align-items: flex-start; gap: 97px; display: inline-flex">
32+
<div style="width: 261px; height: 248px; position: relative">
33+
<div
34+
style="width: 91px; height: 90px; left: 5px; top: 23px; position: absolute; color: #ED3A3A; font-size: 64px; font-family: Font Awesome 6 Free; font-weight: 900; word-wrap: break-word">
35+
</div>
36+
<div
37+
style="width: 256px; height: 74px; left: 5px; top: 174px; position: absolute; color: black; font-size: 24px; font-family: Jaldi; font-weight: 400; line-height: 31.37px; word-wrap: break-word">
38+
Service 1 is very awesome and wholesome to you.</div>
39+
<div
40+
style="width: 147px; height: 39px; left: 5px; top: 114px; position: absolute; color: black; font-size: 32px; font-family: Jaldi; font-weight: 400; word-wrap: break-word">
41+
Service 1</div>
42+
</div>
43+
<div style="width: 261px; height: 248px; position: relative">
44+
<div
45+
style="width: 91px; height: 90px; left: 5px; top: 23px; position: absolute; color: #ED3A3A; font-size: 64px; font-family: Font Awesome 6 Free; font-weight: 900; word-wrap: break-word">
46+
</div>
47+
<div
48+
style="width: 256px; height: 74px; left: 5px; top: 174px; position: absolute; color: black; font-size: 24px; font-family: Jaldi; font-weight: 400; line-height: 31.37px; word-wrap: break-word">
49+
Service 2 is very awesome and wholesome to you.</div>
50+
<div
51+
style="width: 147px; height: 39px; left: 5px; top: 114px; position: absolute; color: black; font-size: 32px; font-family: Jaldi; font-weight: 400; word-wrap: break-word">
52+
Service 2</div>
53+
</div>
54+
<div style="width: 261px; height: 248px; position: relative">
55+
<div
56+
style="width: 91px; height: 90px; left: 5px; top: 23px; position: absolute; color: #ED3A3A; font-size: 64px; font-family: Font Awesome 6 Free; font-weight: 900; word-wrap: break-word">
57+
</div>
58+
<div
59+
style="width: 256px; height: 74px; left: 5px; top: 174px; position: absolute; color: black; font-size: 24px; font-family: Jaldi; font-weight: 400; line-height: 31.37px; word-wrap: break-word">
60+
Service 3 is very awesome and wholesome to you.</div>
61+
<div
62+
style="width: 147px; height: 39px; left: 5px; top: 114px; position: absolute; color: black; font-size: 32px; font-family: Jaldi; font-weight: 400; word-wrap: break-word">
63+
Service 3</div>
64+
</div>
65+
</div>
66+
<div style="width: 711px; height: 295px; left: 89px; top: 74px; position: absolute"><span
67+
style="color: #ED3A3A; font-size: 80px; font-family: Jaldi; font-weight: 400; word-wrap: break-word">LUXE
68+
</span><span
69+
style="color: black; font-size: 80px; font-family: Jaldi; font-weight: 400; word-wrap: break-word">IS
70+
HERE
71+
TO BE YOUR ASSISTANCE</span></div>
72+
<div
73+
style="width: 208px; height: 59px; left: 112px; top: 507px; position: absolute; color: black; font-size: 36px; font-family: Jaldi; font-weight: 400; word-wrap: break-word">
74+
OUR SERVICE</div>
75+
<div
76+
style="width: 1600px; padding-top: 10px; padding-bottom: 10px; padding-left: 90px; padding-right: 10px; left: 0px; top: 0px; position: absolute; justify-content: center; align-items: flex-start; gap: 10px; display: inline-flex">
77+
<div
78+
style="width: 80px; height: 64px; color: #ED3A3A; font-size: 32px; font-family: Jaldi; font-weight: 400; word-wrap: break-word">
79+
LUXE</div>
80+
<div
81+
style="width: 57px; height: 54px; text-align: center; color: black; font-size: 24px; font-family: Jaldi; font-weight: 400; word-wrap: break-word">
82+
Home</div>
83+
<div
84+
style="width: 81px; height: 54px; text-align: center; color: black; font-size: 24px; font-family: Jaldi; font-weight: 400; word-wrap: break-word">
85+
Products</div>
86+
<div
87+
style="width: 61px; height: 54px; text-align: center; color: black; font-size: 24px; font-family: Jaldi; font-weight: 400; word-wrap: break-word">
88+
Menus</div>
89+
</div>
90+
</div>
91+
</body>
92+
93+
</html>

0 commit comments

Comments
 (0)