Skip to content
This repository was archived by the owner on Oct 26, 2020. It is now read-only.

Gt week3 #86

Open
wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Gt week3 #86

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
e899493
Update index.html
GTabala Jun 2, 2020
05023e7
Update index.html
GTabala Jun 2, 2020
6d182e4
First
GTabala Jun 9, 2020
afef3db
Changes from files
GTabala Jun 9, 2020
8a033df
Fixed path.
GTabala Jun 9, 2020
7494697
Finish
GTabala Jun 9, 2020
a1431d3
Title
GTabala Jun 11, 2020
3782dcd
Added missing bracket
GTabala Jun 12, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
136 changes: 52 additions & 84 deletions week3/2-website/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,94 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Responsive Cake webpage</title>
<link rel="stylesheet" href="style.css" />
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link
href="https://fonts.googleapis.com/css?family=Pacifico&display=swap"
rel="stylesheet"
/>
</head>

<body>
<header>
<div class="top-header">
<img
class="header-image"
src="https://i.postimg.cc/Zq6Jqk9D/2a6c1858-0fe8-48a7-82fe-1976833b8691-200x200.png"
alt="Let Them Eat Cake logo"
/>

<button class="contact-button">Contact</button>
</div>

<nav class="navigation">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Cakes</a></li>
<li><a href="">Ordering</a></li>
<li><a href="">Lessons</a></li>
<li><a href="">About</a></li>
</ul>
</nav>
<link rel="stylesheet" href="style.css">
<title>Charlie and the Cake Factory.</title>
</head>
<body>
<header id="header">
<div class="container">
<img id="logo" src="https://i.postimg.cc/Zq6Jqk9D/2a6c1858-0fe8-48a7-82fe-1976833b8691-200x200.png" alt="">

<button id="contact-btn">Contact</button>
</div>
<nav id="cakes-menu">
<ul>
<li><a class="nav-link" href="#">Home</a> </li>
<li><a class="nav-link" href="#">Cakes</a></li>
<li><a class="nav-link" href="#">Ordering</a></li>
<li><a class="nav-link" href="#">Lessons</a></li>
<li><a class="nav-link" href="#">About</a></li>
</ul>
</nav>
</header>

<main>
<section class="about">
<div id="tagline">
<h1>Let Them Eat Cake</h1>

<h3>Feeding the cake deprived since 2020</h3>

<img
class="cupcakes"
src="../images/Cakes/cupcakes.jpg"
alt="Cupcakes with sprinkles"
/>
</section>

<section class="example-cakes">
<h3>Just a small sample of our bakes:</h3>
</div>
<div>
<img id="mainImg" src="./images/Cakes/cupcakes.jpg" alt="delicious cup cake">
</div>
<p>Just a small sample of our bakes:</p>
<div id="cake-images-container">
<div class="examples">
<img src="./images/Cakes/cake-with-blackberries.jpg" alt="">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should fill in alt values or remove the attribute.

</div>
<div class="examples">
<img src="./images/Cakes/cake-with-macarons.jpg" alt="">
</div>
<div class="examples">
<img src="./images/Cakes/not-technically-a-cake.jpg" alt="">
</div>
<div class="examples">
<img src="./images/Cakes/wedding-cake.jpg" alt="">
</div>



</div>
<footer>
<ul>
<li>
<img
class="images"
src="../images/Cakes/cake-with-blackberries.jpg"
alt="Sponge cake with blackberries and flowers"
/>
</li>
<li>
<img
class="images"
src="../images/Cakes/wedding-cake.jpg"
alt="Wedding cake"
/>
</li>
<li>
<img
class="images"
src="../images/Cakes/cake-with-macarons.jpg"
alt="Cake decorated with macarons"
/>
</li>
<li>
<img
class="images"
src="../images/Cakes/not-technically-a-cake.jpg"
alt="Frangipane with raspberries"
/>
</li>
</ul>
</section>
</main>

<footer class="footer">
<ul>
<li><a href="">Sitemap</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Delivery</a></li>
</ul>
<li><a class="footer-link" href="#">Sitemap</a></li>
<li><a class="footer-link" href="#">Contact</a></li>
<li><a class="footer-link" href="#">Delivery</a></li>
</ul>
</footer>
</body>
</html>
</body>
</html>
Loading