Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

Space Cakes #279

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Space Cakes #279

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
77 changes: 67 additions & 10 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,73 @@
<!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>
<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>Space Cakes</title>
<!-- Add a link to your css file here -->
</head>
<link href="style.css" rel="stylesheet" />
</head>

<body>
<body>
<!-- Add your markup here -->
</body>
<header>
<img
src="https://i.pinimg.com/564x/b9/f4/bc/b9f4bca1392e338be2d1ba7f492e5bb7.jpg"
alt="Space Cakes Logo"
/>
<img
src="https://icon-library.com/images/white-menu-icon/white-menu-icon-4.jpg"
alt="Hamburger Menu"
/>
<em><q>Cakes so good, they're out of this World!!!</q></em>
</header>

<main>
<h1>Welcome to Space Cakes</h1>
<h2>
We are the number one bakers on Space themed cakes in the Galaxy. Order
from us today and taste the Universe.
</h2>
<div>
<img
src="https://i.pinimg.com/564x/9d/0b/01/9d0b01081867c811b439f1c48e471318.jpg"
alt="Massive 3 layer cake with star constellations as decoration"
/>
</div>
<div>
<img
src="https://i.pinimg.com/474x/d2/f6/78/d2f678c1ff44768c6834474a10c76871.jpg"
alt="Single layer solar system cake with the planets on it"
/>
<img
src="https://i.pinimg.com/474x/56/f3/5f/56f35f85361e22d9ab5d83c5019006c1.jpg"
alt="2 layer cake with planets orbiting it suspended on edible sticks"
/>
<img
src="https://i.pinimg.com/474x/48/20/84/482084af4a0a8cc0361802a3e62efb65.jpg"
alt="Single layer cake with a space background and planets on it"
/>
<img
src="https://i.pinimg.com/474x/52/14/72/521472bb16e229a99d6650dcfc1de3e7.jpg"
alt="Cupcakes that look like planets and asteroids"
/>
</div>
</main>

</html>
<footer>
<h3>Stellar Address</h3>
<p>
Planet: Earth<br />
Star System: Sol<br />
Galaxy: The Milky Way
</p>
<img
src="https://earthsky.org/upl/2020/06/Proxima-Centauri-location.jpg"
alt="A not to scale image of the distance between Earth and our closet neighbour star Proxima Centauri"
/><br />Conveniently located just 4 light years from Proxima Centauri, you
can't miss us.
<p>&#9400; Space Cakes</p>
</footer>
</body>
</html>
5 changes: 5 additions & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,6 @@
/* Add your styling here */
body {
margin: 0;
background-color: black;
color: white;
}