-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (57 loc) · 12 KB
/
index.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
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<header>
<nav>
<p class="header-logo-text header-logo">Header Logo</p>
<p class="hero-secondary-text header-link">header link one</p>
<p class="hero-secondary-text header-link">header link two</p>
<p class="hero-secondary-text header-link">header link three</p>
</nav>
<div id="awesome">
<img align="right" src="https://cdn.britannica.com/60/217660-050-DBCC409A/cheddar-cheese-wedge.jpg" alt="cheddar-cheese-wedge" id="img">
<p class="hero-text awesome-text">This website is awesome</p>
<br>
<p class="awesome-text-description hero-secondary-text">This website has some subtext
that goes here under the main title. It's a smaller font and the color is lower contrast</p><br>
<button id="signup">Sign up</button>
</div>
</header>
<div id="random-info">
<h1 class="info-header-text">Some random information.</h1><br>
<div>
<img id="trappista" class = "images"src="data:image/jpeg;base64,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" alt="trappista cheese">
<img class="images images-right"src="http://cdn.shopify.com/s/files/1/0287/2377/3499/products/4912BlueStilton2Reshoot.jpg?v=1629480547" alt="stilton blue cheese">
<img class="images images-right"src="https://d3mvlb3hz2g78.cloudfront.net/wp-content/uploads/2017/10/thumb_720_450_Swiss_Cheesedreamstime_xl_20274250.jpg" alt="swiss cheese">
<img class="images images-right"src="https://www.pcrm.org/sites/default/files/2020-07/cheddar-cheese.jpg" alt="cheese cubes">
</div>
<br>
<div width="100%">
<desc class="hero-secondary-text" id="trappista-text">Trappista cheese</desc>
<desc class="hero-secondary-text" id="stilton">Stilton cheese</desc>
<desc class="hero-secondary-text" id="swiss">Swiss cheese</desc>
<desc class="hero-secondary-text" id="cubed">Cubed cheese</desc>
</div>
</div>
<div id="quoteArea">
<p id="quote">"This website is pretty cool"</p>
<p id="quoter">-Someone on the internet(maybe me)</p>
</div>
<footer>
<div id="callToAction">
<div>
<p id="callToActionText" class="hero-secondary-text">Call to action! It's time!</p>
<p id="callToActionTextDesc">Sign up for our product by clicking that button right over there!</p>
</div>
<button id="signup2" align="right">Sign up</button>
</div>
</footer>
</body>
</html>