Skip to content

Commit 326e3a7

Browse files
MuhammadAffan-starMuhammadAffan-star
authored
Add files via upload
0 parents  commit 326e3a7

File tree

1 file changed

+144
-0
lines changed

1 file changed

+144
-0
lines changed

‎Toonimizedapp.html

+144
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Toonimized App</title>
8+
<style>
9+
* {
10+
padding: 0px;
11+
margin: 0px;
12+
}
13+
14+
body {
15+
background: rgb(164,236,141);
16+
background: linear-gradient(90deg, rgba(164,236,141,1) 13%, rgba(219,224,47,1) 53%, rgba(196,206,22,1) 88%);
17+
}
18+
19+
20+
21+
.navbar-container {
22+
background: rgb(112, 220, 77);
23+
background: linear-gradient(90deg, rgba(112, 220, 77, 1) 0%, rgba(180, 185, 28, 1) 36%, rgba(196, 206, 22, 1) 94%);
24+
display: flex;
25+
justify-content: space-between;
26+
padding: 14.8px 47px 4.4px 8px;
27+
margin: 0px;
28+
font-size: 15px;
29+
font-family: Arial, Helvetica, sans-serif;
30+
}
31+
32+
img {
33+
height: 22px;
34+
}
35+
36+
td {
37+
padding: 12px;
38+
}
39+
40+
#cartoon3 {
41+
42+
43+
height: 100vh;
44+
width: 100%;
45+
/* bottom: 0px; */
46+
}
47+
48+
#cartoon2 {
49+
50+
height: 100vh;
51+
width: 50%;
52+
position: absolute;
53+
left: 45vw;
54+
bottom: 0px;
55+
top: 10vh;
56+
/* right: 100px; */
57+
}
58+
59+
#main-div {
60+
display: flex;
61+
flex-direction: row;
62+
height: 100%;
63+
width: 100%;
64+
justify-content: space-around;
65+
}
66+
67+
#right-side-div {
68+
display: flex;
69+
flex-direction: column;
70+
height: 100vh;
71+
width: 40%;
72+
background-color: aquamarine;
73+
justify-content: center;
74+
}
75+
76+
#left-side-div {
77+
display: flex;
78+
flex-direction: column;
79+
height: 100vh;
80+
width: 60%;
81+
justify-content: center;
82+
gap: 4vh;
83+
}
84+
85+
#left-side-div h1 {
86+
font-size: 6vw;
87+
font-family: Georgia, 'Times New Roman', Times, serif;
88+
font-weight: bolder;
89+
padding-left: 20px;
90+
}
91+
92+
93+
#left-side-div h4 {
94+
font-size: 25px;
95+
font-family: Georgia, 'Times New Roman', Times, serif;
96+
padding-left: 30px;
97+
font-weight: bolder;
98+
}
99+
100+
101+
</style>
102+
</head>
103+
104+
<body>
105+
106+
<div class="navbar-container">
107+
108+
<table>
109+
<tr>
110+
<td>Home</td>
111+
<td>Gallery</td>
112+
<td>Artists</td>
113+
<td>FAQ</td>
114+
</tr>
115+
<img src="https://res.cloudinary.com/dapozvnbr/image/upload/v1600086643/Logo_hafewu.png" alt="">
116+
</table>
117+
118+
</div>
119+
120+
<div id="main-div">
121+
<div id="left-side-div">
122+
<h1>Cartoonize</h1>
123+
<h1>Yourself</h1>
124+
125+
<h4>No Generated!</h4>
126+
<h4>Enjoy an Artist Personalized Work of You!</h4>
127+
</div>
128+
129+
<div id="right-side-div">
130+
<a>
131+
<img id="cartoon3"
132+
src="https://res.cloudinary.com/dapozvnbr/image/upload/v1600086924/Home/home_i1wlpb.png" alt="">
133+
<img id="cartoon2"
134+
src="https://res.cloudinary.com/dapozvnbr/image/upload/v1600085486/Home/GREENportalImp.new_1_3_3_jykcsl.png"
135+
alt="">
136+
</a>
137+
</div>
138+
139+
</div>
140+
141+
142+
</body>
143+
144+
</html>

0 commit comments

Comments
 (0)