forked from rohanputhukudy/TEST-Bootcamp-Week-2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
52 lines (43 loc) · 1.75 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang = "en-US">
<head>
<link href = "styles/home-page.css" rel = "StyleSheet">
<!-- <script src = "button.js" defer></script> -->
<meta charset= "utf-8"/>
<title>
Secret Recipes
</title>
</head>
<body>
<div class = "navigationBar">
<a class= "active" href="home.html">Home</a>
<a href = "list.html">Recipes</a>
<a href= "F-is-for-Fun.html">F is for Fun</a>
<a href= "secret-formula.html">Secret Formula</a>
</div>
<div class = "pageTitle"><p>F.U.N down here in the deep blue sea</p></div></h1>
<div class = "flex-container">
<div class = "Squad">
<img src = "images/squad.png" alt = "Squad" style = "width: 500px; height: 500px"/>
</div>
<!-- <img src = "images/krabbypatty.jpg" alt="Krabby Patty Secret Formula" style="width: 500px; height:350px"/> -->
<div class = "Spongebob">
<img src = "images/Spongebob.png" alt = "SpongebobS" style = "width: 400px; height: 300px"/>
</div>
<div class = "Squidward">
<img src = "images/squidward.png" alt = "SquidWard" style = "width: 300px; height: 500px">
</div>
</div>
</body>
</html>
<!-- <h1>
<p>To my collection of:</p>
</h1> -->
<!-- <h1>
<a href="list.html">
<btn>Recipes</btn>
<button>
Recipes
</button>
</a>
</h1> -->