Skip to content

Commit 82616e7

Browse files
gunaycodegunaycode
committed
first commit
0 parents  commit 82616e7

10 files changed

+1264
-0
lines changed

‎ABOUT.css

+104
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
font-family: 'Times New Roman', Times, serif
6+
}
7+
8+
9+
.navbar {
10+
position: fixed;
11+
top: 0;
12+
z-index: 999;
13+
width: 100%;
14+
15+
}
16+
17+
.navbar-collapse a:hover{
18+
text-decoration: underline;
19+
text-underline-offset: 8px;
20+
21+
}
22+
23+
24+
.page11{
25+
text-align: center;
26+
margin-top: 80px;
27+
}
28+
.page112{
29+
text-align: center;
30+
margin-top: 40px;
31+
}
32+
33+
.page2{
34+
display: flex;
35+
width: 350px;
36+
height: 400px;
37+
margin-top: 50px;
38+
justify-content:space-between;
39+
margin-left: 150px;
40+
gap: 20px;
41+
}
42+
43+
.page3{
44+
margin-top: 80px;
45+
text-align: justify;
46+
padding: 0 300px ;
47+
}
48+
.h336{
49+
text-align: end;
50+
}
51+
52+
.page4{
53+
background-color:rgb(31, 30, 30);
54+
display: flex;
55+
position: relative;
56+
margin-top: 100px;
57+
height: 400px;
58+
}
59+
60+
.page4{
61+
display: flex;
62+
justify-content: space-around;
63+
gap: 30px;
64+
justify-content: center;
65+
width: 100%;
66+
height: 450px;
67+
}
68+
69+
70+
.footer{
71+
width: 100%;
72+
padding-block: 80px;
73+
background-color: rgb(31, 30, 30);
74+
}
75+
76+
77+
.sehve5 {
78+
display: flex;
79+
gap: 30px;
80+
align-items: center;
81+
}
82+
83+
.page5 {
84+
display: flex;
85+
gap: 100px;
86+
height: 100px;
87+
}
88+
89+
.icons{
90+
display: flex;
91+
gap: 30px;
92+
width: 100px;
93+
margin-top: 30px;
94+
color: white;
95+
}
96+
.submit5 {
97+
margin-top:100px;
98+
height: 200px;
99+
font-size: 20px;
100+
margin-left: 30px;
101+
102+
}
103+
104+

‎ABOUT.html

+133
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Document</title>
9+
<link rel="stylesheet" href="ABOUT.css">
10+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
11+
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
12+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
13+
</head>
14+
15+
<body>
16+
<nav class="navbar navbar-expand-lg bg-body-tertiary">
17+
<div class="container">
18+
<a class="navbar-brand" href="#">TXITLY</a>
19+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
20+
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
21+
<span class="navbar-toggler-icon"></span>
22+
</button>
23+
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
24+
<ul class="navbar-nav gap-4" >
25+
<li class="nav-item">
26+
<a class="nav-link active" aria-current="page" href="HOME.html">HOME</a>
27+
</li>
28+
<li class="nav-item">
29+
<a class="nav-link" href="ABOUT.html">ABOUT</a>
30+
</li>
31+
<li class="nav-item">
32+
<a class="nav-link" href="INSIGHTS.html">INSIGHTS</a>
33+
</li>
34+
<li class="nav-item">
35+
<a class="nav-link" href="CONTACT.html">CONTACT</a>
36+
</li>
37+
<li class="nav-item">
38+
<a class="nav-link" href="STORE.html">STORE</a>
39+
</li>
40+
<li class="nav-item">
41+
<a class="nav-link" href="SHOPPING BAG.html"><i class="bi bi-bag"></i>SHOPPING BAG (0)</a>
42+
</li>
43+
</ul>
44+
</div>
45+
</div>
46+
</nav>
47+
48+
<div class="page1">
49+
<h1 class="page11">Quality, not quantity</h1>
50+
<p class="page112">We have made quality our habit. It’s not something that we just strive for – we live by this
51+
principle every
52+
day.</p>
53+
54+
55+
<div class="page2" style="background-color: aqua;">
56+
<img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=784,h=864,fit=crop/tixlyvnpr7/nynne-schroder-unsplash-YKb72LyRbeiDOoBa.jpg"
57+
alt="">
58+
<img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=784,h=864,fit=crop/tixlyvnpr7/nynne-schroder-unsplash-dOqw03VXpgcWNz19.jpg"
59+
alt="">
60+
<img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=784,h=864,fit=crop/tixlyvnpr7/nynne-schroder-unsplash-Yg2BgO3joWsB1OxV.jpg"
61+
alt="">
62+
</div>
63+
64+
65+
<div class="page3">
66+
<p class="333">
67+
Our mission is to provide a trusted and experienced online resource for the retail community. We are
68+
committed to providing our members with a wide range of products and services. This allows you to shop
69+
with confidence knowing you are shopping with a trusted brand that knows and understands the
70+
marketplace. We do this by delivering a wide selection of products and services that are tailored to fit
71+
your lifestyle.
72+
</p>
73+
<p class="334">
74+
The company is founded by Anna and Michael Hofer, who have a keen interest in children’s
75+
fashion. Their aim is to provide the best possible shopping experience for children and their parents
76+
and to support the companies that do. Anna and Michael are passionate about children’s fashion and the
77+
role it plays in the lives of children. They believe that children can never grow up without fashion,
78+
and that fashion should always be available for them.
79+
80+
</p>
81+
<p class="335">
82+
'We love children’s clothing. We believe that every child should have a wonderful wardrobe filled with
83+
clothes that will make them feel good. We love that children love clothes, that they want to look good
84+
and that they want to be in good clothes. We have created a fashion website where parents can find their
85+
children’s clothing, so they can take care of their children’s clothing and enjoy the good times.'
86+
</p>
87+
<h2 class="h336">With love,<br>
88+
Anna and Michael</h2>
89+
</div>
90+
91+
</div>
92+
<div class="footer">
93+
<div class="container">
94+
<div class="sehve5">
95+
<div class="page5">
96+
<div class="text51">
97+
<h4 class="text511" style="color: white;">Address</h4>
98+
<p class="p511" style="color: white;">3721 Single Street Quincy, MA 02169</p></div>
99+
100+
<div class="text52">
101+
<h4 class="text522" style="color: white;">Contacts</h4>
102+
<p class="p522" style="color: white;">123 456 7890
103+
info@tixly.com</p></div>
104+
105+
<div class="text53">
106+
<h4 class="text533" style="color: white;">FAQ</h4>
107+
<a class="a53" style="color: white;">Shipping & Return policy</a>
108+
</div>
109+
</div>
110+
111+
<div class="submit5">
112+
<h5 class="submit51" style="color: white;">Subscribe to our newsletter*</h5>
113+
<input type="email" id="fname" name="fname" placeholder="Your email address" style="background-color: rgb(166, 164, 164);">
114+
<div class="btnn1">
115+
<button type="submit" class="button5" style="width: 120px; height: 30px;">SUBMIT</button></div>
116+
</div>
117+
</div>
118+
119+
<div class="icons">
120+
<div class="icon1">
121+
<i class="bi bi-instagram"></i></div>
122+
<div class="icon2">
123+
<i class="bi bi-facebook"></i></div>
124+
<div class="icon3">
125+
<i class="bi bi-twitter"></i></div>
126+
</div>
127+
</div>
128+
</div>
129+
130+
131+
</body>
132+
133+
</html>

‎CONTACT.css

+86
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
font-family: 'Times New Roman', Times, serif
6+
}
7+
8+
9+
.navbar {
10+
position: fixed;
11+
top: 0;
12+
z-index: 999;
13+
width: 100%;
14+
15+
}
16+
17+
.navbar-collapse a:hover {
18+
text-decoration: underline;
19+
text-underline-offset: 8px;
20+
}
21+
22+
.main{
23+
display: flex;
24+
gap: 100px;
25+
}
26+
27+
28+
.contact{
29+
display: flex;
30+
width: 600px;
31+
height: 800px;
32+
margin-left: 120px;
33+
}
34+
35+
36+
.headr{
37+
margin-top: 80px;
38+
}
39+
40+
.get{
41+
font-size: 25px;
42+
position: relative;
43+
margin-top: 150px;
44+
width: 400px;
45+
height: 600px;
46+
padding: 30px;
47+
}
48+
49+
.submit1{
50+
margin-top: 20px;
51+
width: 100px;
52+
}
53+
54+
.footer{
55+
width: 100%;
56+
padding-block: 80px;
57+
background-color: rgb(31, 30, 30);
58+
}
59+
60+
61+
.sehve5 {
62+
display: flex;
63+
gap: 30px;
64+
align-items: center;
65+
}
66+
67+
.page5 {
68+
display: flex;
69+
gap: 100px;
70+
height: 100px;
71+
}
72+
73+
.icons{
74+
display: flex;
75+
gap: 30px;
76+
margin-top: 30px;
77+
width: 100px;
78+
color: white;
79+
}
80+
.submit5 {
81+
margin-top: 100px;
82+
height: 200px;
83+
font-size: 20px;
84+
margin-left:30px;
85+
86+
}

0 commit comments

Comments
 (0)