forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
69 lines (68 loc) · 4.86 KB
/
index.html
File metadata and controls
69 lines (68 loc) · 4.86 KB
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
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>Just another page about tea</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
<header>
<img id="image" src="https://i.pinimg.com/originals/29/6c/af/296cafa2cbdddada4611424fa19f8609.jpg" width="450"
height="300" alt="image of Audrey Hepburn drinking a cup of tea">
<h1>Time for Tea</h1>
<p>A space to show my love of loose-leaf tea</p>
</header>
<article class="flex-container">
<article>
<h2>Why loose-leaf?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet, tortor sit amet posuere accumsan, urna
nisi scelerisque arcu, vitae luctus nunc ex quis nibh. Sed cursus vehicula leo, nec rutrum nunc venenatis et. In id
tempor risus. Vestibulum id tempor ligula. Curabitur ut tellus elit. Integer nec auctor lorem. Vestibulum ultricies
metus eget nisl consectetur, ut rutrum velit fringilla. Donec vel massa vitae ligula aliquet condimentum. Nullam at
scelerisque ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Suspendisse potenti. Suspendisse vel mauris iaculis, pellentesque mi imperdiet, maximus felis. Phasellus commodo neque
vel ex gravida, vitae vehicula neque dapibus. Donec dictum volutpat semper.
<a href="https://www.kusmitea.com/int/our-teas-and-herbal-teas/types-of-tea" target="_blank"><em>Click here for an infusion revolution...</em></a></p>
</article>
<article>
<h3>Tea Kit: All you need to make the perfect cup of tea</h3>
<p>Vivamus vel turpis euismod, efficitur purus id, gravida metus. Ut placerat egestas euismod. Proin a nisi facilisis,
consequat orci et, laoreet dolor. Morbi pharetra orci nec varius imperdiet. Integer eu dapibus arcu, dapibus hendrerit
urna. Nunc dapibus dictum tellus, ac dapibus nulla euismod id. Nunc condimentum rutrum posuere. Maecenas tempus
ultricies dui, nec ac.
<a href="https://www.whittard.co.uk/equipment/tea-equipment/infusers-strainers?gclid=Cj0KCQjwraqHBhDsARIsAKuGZeGaoQzLmXOGlaHW_zRtZvu2oFkKxHvyhpPriqxt7TGT8_RDtAeNh_QaArVPEALw_wcB&gclsrc=aw.ds" target="_blank"><em>Browse a fine selection of tea paraphernalia here... </em></a></p>
</article>
<article>
<h3>Tea and the everyday cool; refreshing iced teas</h3>
<p>Phasellus odio arcu, elementum vitae quam ac, scelerisque accumsan eros. Cras maximus augue eget neque eleifend, ac
condimentum ligula tempor. Fusce volutpat sagittis egestas. Cras vitae bibendum elit, a mattis dui. Donec pulvinar
fermentum augue quis pretium. Nunc sit amet facilisis ante, eget hendrerit ex. Integer ullamcorper venenatis dolor sed
placerat. Pellentesque accumsan quam ac lacinia tempus. Donec est nulla, placerat vitae convallis sed, tincidunt ac
massa.
<a href="https://www.kusmitea.com/int/our-teas-and-herbal-teas/our-selection/iced-teas-and-herbal-teas" target="_blank"><em>Enjoy a taste of summer with these flavourful teas...</em></a></p>
</article>
</article>
<footer>This site was created by Donna. Part of the CYF Week #1 HTML/CSS
<a href="/Users/donnasimpson/Desktop/Git /HTML-CSS-Coursework-Week1/donut.html" class="badge badge-secondary">Do ya like doughnuts? Click me to order</a>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>