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

Commit 9ad40da

Browse files
Ayman-matooAyman-matoo
committed
formupdate
1 parent 3bd6101 commit 9ad40da

File tree

5 files changed

+198
-20
lines changed

5 files changed

+198
-20
lines changed

‎Cakes-Co/index.html

Lines changed: 52 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,61 @@
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8-
<link rel="stylesheet" href="styles.css">
8+
<link rel="stylesheet" href="style.css">
99
<title>Responsive Cake webpage</title>
1010
<!-- Add a link to your css file here -->
1111
</head>
12-
1312
<body>
14-
<!-- Add your markup here -->
15-
</body>
13+
<img src="/cakeyet.jpg"alt="logo" width="30px">
14+
<p1> The best cake in town deliver to your door</p1>
15+
<nav class="navbar">
16+
<div >
17+
18+
<a href="#"class="threeline">
19+
<span class="bar"></span>
20+
<span class="bar"></span>
21+
<span class="bar"></span>
22+
</a>
23+
<ul><a href="#">Home</a></li>
24+
<li><a href="#">Cakes</a></li>
25+
<li><a href="#">Order</a></li>
26+
<li><a href="#">Lessons</a></li>
27+
<li><a href="#">About</a></li>
28+
</ul>
29+
</div>
30+
</nav>
31+
<div class="menu"></div>
32+
<div class="menu"></div>
33+
<div class="menu"></div>
34+
<div class="content1">
35+
<div class="title">
36+
<div class="image0">
37+
<img src="/cake0.jpeg" alt="cake" width="70%">
38+
</div>
39+
<h1> Welcome </h1>
40+
<p> Try test our cakes we have the best cakes in city Ours cake is crispy by cookie's <br>
41+
Softness malty in mouth that fall in love with cakes.<br>
42+
we also provide cake for weeding , birthday and occasion. </p>
43+
<div class="title">
1644

45+
<div class="box1">
46+
<img src="/cake.jpeg" alt="cake" width="50px">
47+
</div>
48+
<div class="box1">
49+
<img src="/cake (1).jpeg"alt="cake"width="50px">
50+
</div>
51+
<div class="box1" >
52+
<img src="/cake3.jpeg">
53+
</div>
54+
<div class="box4">
55+
<img src="/cake4.jpeg">
56+
</div>
57+
58+
<button>Visit us</button>
59+
60+
</div>
61+
</div>
62+
</div>
63+
</section>
64+
</body>
1765
</html>

‎Cakes-Co/style.css

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,62 @@
11
/* Add your styling here */
2+
* {
3+
margin: 0px;
4+
padding: 0px;
5+
}
6+
body {
7+
color: rgba(14, 12, 12, 0.785);
8+
}
9+
.navbar ul {
10+
list-style: none;
11+
text-decoration: none;
12+
}
13+
.navbar ul {
14+
display: flex;
15+
justify-content: space-around;
16+
align-items: center;
17+
font-size: 15px;
18+
background-color: gray;
19+
color: white;
20+
}
21+
header{
22+
background-color: orangered
23+
}
24+
img {
25+
width: 70px;
26+
margin-bottom: 20px;
27+
}
28+
29+
30+
h1,p{
31+
margin-left: 100px;
32+
margin-bottom:20px;
33+
}
34+
.box1{
35+
width: 150px;
36+
float: left;
37+
}
38+
.threeline{
39+
position:absolute;
40+
top: 75rem;
41+
right: 1rem;
42+
display: none;
43+
flex-direction: column;
44+
justify-content: space-around;
45+
width: 30px;
46+
height: 20px;
47+
48+
}
49+
.threeline .navbar{
50+
height: 3px;
51+
width: 100px;
52+
background-color:white;
53+
border-radius: 10px;
54+
55+
}
56+
57+
58+
59+
60+
61+
62+

‎Form-Controls/index.html

Lines changed: 45 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,26 +3,64 @@
33
<head>
44
<meta charset="utf-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<title>My form exercise</title>
7-
<meta name="description" content="">
6+
<meta name="description" content="form Product">
87
<meta name="viewport" content="width=device-width, initial-scale=1">
98
<link rel="stylesheet" href="styles.css">
109
</head>
10+
<title> from application </title>
1111
<body>
12+
<from action="results.html" method="Get">
1213
<header>
1314
<h1>Product Pick</h1>
15+
<p> We are providing pick up services with our partnership across UK. <br> or local store open from 8:30 to8:30pm.
1416
</header>
1517
<main>
1618
<form>
19+
<div class="n1">
20+
<label class="text">Name</label>
21+
<input type="text" id="name">
22+
</div>
23+
<div class="email2">
24+
<label for="email">Email</label>
25+
<input class="email" name="email" id="email"required>
26+
</div>
27+
<div class="date3">
28+
<label class="date">Date </label>
29+
<input type="date"name= date id="date" max="2023-11-14">
30+
</div>
31+
<div>
32+
<label for="options">Choose one of the following:</label>
33+
<select id="options" name="options">
34+
<option value="red">Red </option>
35+
<option value="Yellow">Yellow</option>
36+
<option value="Green">Green</option>
37+
</select>
38+
</div>
39+
<div class="size1">
40+
<label for="size">Select Size:</label>
41+
<select id="size" name="size">
42+
<option value="XS">XS</option>
43+
<option value="S">S</option>
44+
<option value="M">M</option>
45+
<option value="L">L</option>
46+
<option value="XL">XL</option>
47+
<option value="XXL">XXL</option>
48+
</select>
49+
</div>
50+
<div class="sumt4">
51+
<button>Submit</button>
52+
</div>
53+
<h2> Customer services policy</h2>
54+
<p> We expect your delivery will arrive on time and in good condition. if you would preferring to track your order <br>
55+
in real-time and receive timely updates on the status of ours deliveries. Convenience plays a crucial role, with customers<br>
56+
preferring various delivery options, including same-day, next-day, and scheduled. </p>
1757
<!-- write your html here-->
1858
<!-- try writing out the requirements first-->
1959
</form>
20-
21-
</main>
2260
<footer>
23-
<!-- change to your name-->
24-
<h2>By HOMEWORK SOLUTION</h2>
61+
<p> Aym Abdullah <br>
62+
<a href="products90@.com">Products90@.com</a></p>
2563
</footer>
64+
</form>
2665
</body>
27-
2866
</html>

‎Form-Controls/styles.css

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
*{
2+
margin-top: 0px;
3+
margin-bottom: 0px;
4+
}
5+
6+
.body{
7+
font-family: 'Courier New', Courier, monospace;
8+
font-size: 20px;
9+
10+
}
11+
.n1{
12+
margin-bottom: px;
13+
padding-bottom: 10px;
14+
}
15+
h1,p {
16+
font-size: 20px;
17+
padding-bottom: 15px;
18+
19+
}
20+
.email2{
21+
padding-bottom: 10px;
22+
font-size: 20px;
23+
}
24+
.date3{
25+
padding-bottom: 10px;
26+
font-size: 20px;
27+
}
28+
.sumt4{
29+
padding-bottom: 5px;
30+
}
31+
.size1{
32+
padding-bottom: 5px;
33+
}

‎Wireframe/index.html

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -14,28 +14,26 @@ <h2>Why is git</h2>
1414

1515
</p1>
1616
<h2> Why developer need Need Github</h2>
17-
<p> developer need for variety of reason, as it provide a platform for collaborative software development, version control, project management, and
17+
<p> developer need for variety of reason, as it provide a platform for collaborative software <br>development, version control, project management, and
1818
more.
1919
Here are some key reasons why developers need GitHub:
2020
<ul>
2121
<li>Version Control is primarily know for its robust version control system, based on Git.</li>
22-
<li>Collaboration GitHub provides a platform collaborative width other, roll back to pervious over time, make easy to collaborate with other.</li>
23-
<li>Code Hosting: GitHub hosts your code in the cloud, eliminating the need for developers manage their own infrastructure for code storage.</li>
22+
<li>Collaboration GitHub provides a platform collaborative width other, roll back to pervious over time,<br> make easy to collaborate with other.</li>
23+
<li>Code Hosting: GitHub hosts your code in the cloud, eliminating the need for developers manage their own<br> infrastructure for code storage.</li>
2424
</ul> </p>
2525
<h3> What is a branch in Git?</h3>
2626
<p3> a "branch" is a parallel version of a repository's codebase. It allows multiple people to work on different aspects of
2727
a project simultaneously without interfering with each other's work. Branches are a fundamental concept in Git, the version control system
2828
that GitHub is built os </p3>
29-
<img src="/branch.png" alt="branch" style="=width:50%;">
29+
<img src="/branch.png" alt="branch" style="width:50%">
3030

3131
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
3232

3333
<div class="content">
3434
<div class="excerpt">
35+
<div class="button">
36+
<button class="read-more">Read More</button>
3537
</div>
36-
<div class="full-content">
37-
</div>
38-
</div>
39-
<button class="read-more">Read More</button>
4038
</body>
41-
</html
39+
</html>

0 commit comments

Comments
 (0)