Skip to content
This repository was archived by the owner on Apr 18, 2025. It is now read-only.

Commit 95c2ed7

Browse files
AferePreciousOnomeAferePreciousOnome
committed
Merge branch 'main' into cake-co
2 parents acf5dce + d264657 commit 95c2ed7

File tree

5 files changed

+301
-45
lines changed

5 files changed

+301
-45
lines changed

‎Cakes-Co/index.html

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,11 @@
11
<!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, maximum-scale=1, user-scalable=no">
7-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8-
<title>Responsive Cake webpage</title>
9-
<!-- Add a link to your css file here -->
10-
</head>
11-
12-
<body>
13-
<!DOCTYPE html>
142
<html lang="en">
153
<head>
164
<meta charset="UTF-8" />
175
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
186
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
197
<title>Precious secret's </title>
20-
<link rel="icon" href="/Cakes-Co/images/cupcakelogo.png" type="image/x-icon">
8+
<link rel="icon" href="images/cupcakelogo.png" type="image/x-icon">
219
<link rel="stylesheet" href="style.css" />
2210
<!-- Add a link to your css file here -->
2311
</head>
@@ -130,7 +118,7 @@ <h2>Our Star Attraction.</h2>
130118
business. Each cake I create is a reflection of my love for this
131119
art, and I find immense joy in bringing sweet smiles to people's
132120
faces. Every slice is made with love, dedication, and a sprinkle
133-
of my unique flair! Feel free to modify it if you'd like!
121+
of my unique flair!
134122
</p>
135123
</div>
136124
</section>

‎Cakes-Co/style.css

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,7 @@ body {
1111
overflow: auto !important;
1212
}
1313
/* wrapper*/
14-
.container {
15-
}
14+
1615
/*logo*/
1716
.logo {
1817
width: 6rem;
@@ -21,7 +20,7 @@ body {
2120
}
2221
.menuicon {
2322
font-size: 2rem;
24-
margin-left: 20rem;
23+
margin-left: 10rem;
2524
cursor: pointer;
2625
color: #ed4672;
2726
display: block;
@@ -54,12 +53,11 @@ nav ul {
5453
margin: 5px 1px;
5554
}*/
5655
header p {
57-
font-size: 1.3rem;
56+
font-size: 1.1rem;
5857
font-weight: bold;
5958
font-style: italic;
6059
color: #ed4672;
6160
margin-top: 2rem;
62-
margin-right: 2rem;
6361
}
6462
/*article*/
6563
.hero-article {
@@ -180,6 +178,9 @@ footer {
180178
}
181179
}
182180
@media screen and (min-width: 900px) {
181+
.header-text p {
182+
margin-right: 1.5rem;
183+
}
183184
.menuicon {
184185
display: none;
185186
}

‎Form-Controls/image/Оверсайз.jpeg

98.3 KB
Loading

‎Form-Controls/index.html

Lines changed: 98 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,100 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<title>My form exercise</title>
7-
<meta name="description" content="">
8-
<meta name="viewport" content="width=device-width, initial-scale=1">
9-
<link rel="stylesheet" href="styles.css">
10-
</head>
11-
<body>
12-
<header>
13-
<h1>Product Pick</h1>
14-
</header>
15-
<main>
16-
<form>
17-
<!-- write your html here-->
18-
<!-- try writing out the requirements first-->
19-
</form>
20-
21-
</main>
22-
<footer>
23-
<!-- change to your name-->
24-
<h2>By HOMEWORK SOLUTION</h2>
25-
</footer>
26-
</body>
27-
28-
</html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<title>My form exercise</title>
7+
<meta name="description" content="" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<link rel="stylesheet" href="styles.css" />
10+
</head>
11+
<body>
12+
<header>
13+
<h1>Product Pick</h1>
14+
</header>
15+
<main>
16+
<h2>Please Fill In The Information.</h2>
17+
<div class="container">
18+
<form>
19+
<section class="form-section">
20+
<div class="firstname">
21+
<label for="firstname">First Name</label>
22+
<input type="text" name="firstname" id="firstname" required />
23+
</div>
24+
<div class="lastname">
25+
<label for="lastname">Last Name</label>
26+
<input type="text" name="lastname" id="lastname" required />
27+
</div>
28+
<div class="email">
29+
<label for="email">Email Address</label>
30+
<input type="email" name="email" id="email" required />
31+
</div>
32+
<div class="colour-tshirt">
33+
<h3>Choose T-shirt Colour</h3>
34+
<div>
35+
<label for="black">Black</label>
36+
<input type="radio" name="color-of-Tshirt" id="black" />
37+
</div>
38+
<div>
39+
<label for="Pink">Pink</label>
40+
<input type="radio" name="color-of-Tshirt" id="pink" />
41+
</div>
42+
<div>
43+
<label for="white">White</label>
44+
<input type="radio" name="color-of-Tshirt" id="white" />
45+
</div>
46+
</div>
47+
<div class="size-tshirt">
48+
<h3>Size of T-shirt</h3>
49+
<div>
50+
<label for="xs">XS</label>
51+
<input type="radio" name="size" id="xs" />
52+
</div>
53+
<div>
54+
<label for="s">S</label>
55+
<input type="radio" name="size" id="s" />
56+
</div>
57+
<div>
58+
<label for="m">M</label>
59+
<input type="radio" name="size" id="m" />
60+
</div>
61+
<div>
62+
<label for="l">L</label>
63+
<input type="radio" name="size" id="l" />
64+
</div>
65+
<div>
66+
<label for="xl">XL</label>
67+
<input type="radio" name="size" id="xl" />
68+
</div>
69+
<div>
70+
<label for="xxl">XXL</label>
71+
<input type="radio" name="size" id="xxl" />
72+
</div>
73+
</div>
74+
<div class="delivery-date">
75+
<h3>Select a Delivery Date</h3>
76+
<label for="date">Date</label>
77+
<input
78+
type="date"
79+
name="date"
80+
id="date"
81+
min="2024-09-26"
82+
max="2024-10-25"
83+
required
84+
/>
85+
</div>
86+
<div>
87+
<button class="button" type="submit">Submit</button>
88+
</div>
89+
90+
</form>
91+
</section>
92+
<div class="image-section"></div>
93+
</div>
94+
</main>
95+
<footer>
96+
<!-- change to your name-->
97+
<p>By Afere Precious<p>
98+
</footer>
99+
</body>
100+
</html>

0 commit comments

Comments
 (0)