This repository was archived by the owner on Oct 16, 2021. It is now read-only.
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
79 lines (72 loc) · 4.39 KB
/
index.html
File metadata and controls
79 lines (72 loc) · 4.39 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
70
71
72
73
74
75
76
77
78
79
<!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>Cozy Cappuccino</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" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
<h1>Cozy Cappuccino</h1>
<p class="description">Knitting and crochet blog<br>
Get a ready made pattern or make your own</p>
<nav>
<ul>
<li>About</li>
<li>Ready Patterns</li>
<li>Pattern Glossary</li>
<li>Calculator</li>
</ul>
</nav>
</header>
<main>
<article>
<h2>About this blog</h2>
<details>
<summary>Why this blog?</summary>
1. Lorem ipsum
2. Lorem ipsum
3. Lorem ipsum
</details>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porttitor purus quis elit suscipit facilisis. Mauris tincidunt convallis felis, a faucibus ex accumsan sed. Curabitur aliquet lacus in lectus interdum, sit amet fermentum mauris volutpat. Quisque venenatis volutpat tempus. Donec varius nisl nec consequat finibus. Suspendisse eget risus semper, iaculis velit quis, sagittis tortor. Sed et imperdiet nulla, ut mollis augue. Phasellus lacinia fermentum urna eu congue. Praesent consectetur laoreet purus quis iaculis. Curabitur convallis lacus ante, vel posuere mauris fringilla ut. Nunc placerat non ante et bibendum. Cras malesuada vehicula consectetur. Donec et eros at nulla porta pretium. Nullam commodo scelerisque nisi, nec mollis diam tincidunt non. Proin sagittis lacus et tempor malesuada. Aenean dignissim turpis et augue hendrerit, sit amet volutpat ligula volutpat.
<a href="About.html" target="_blank">Read more</a>
</p>
</article>
<article>
<h2>Ready knitting and crochet patterns</h2>
<details>
<summary>Patterns</summary>
1. Knitting
2. Crochet
</details>
<p>Maecenas vitae elit in nulla porta viverra nec sed elit. Sed dignissim rutrum magna id commodo. Vivamus viverra tincidunt elit, nec porttitor magna suscipit nec. Sed purus purus, rhoncus vitae scelerisque vitae, luctus eu ex. Curabitur et auctor justo. Fusce magna justo, ultrices a massa quis, accumsan tempor lectus. Aenean pellentesque viverra egestas. Cras vel est ultricies, fermentum elit ut, facilisis enim. Maecenas urna eros, faucibus ut libero in, consectetur malesuada massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus dictum nulla vitae turpis finibus vulputate. Donec maximus malesuada purus, vel luctus velit blandit ut. Integer vitae augue condimentum, vestibulum sapien in, egestas ipsum.
<a href="ReadyKnittingAndCrochet.html" target="_blank">Read more</a>
</p>
</article>
<article>
<h2>Get inspired and make your own patterns</h2>
<details>
<summary>How?</summary>
1. Pattern glossary with charts
2. Your cardigan(pullover) calculator
</details>
<p>Proin elementum quis magna sed aliquet. Aliquam interdum lacus nec massa euismod vestibulum. Donec augue neque, interdum sit amet tincidunt at, commodo sed dolor. Nulla ac nunc non est scelerisque egestas vitae quis leo. Praesent urna sem, vehicula eu elit sit amet, dignissim suscipit lacus. Curabitur sed augue egestas, viverra tortor quis, pellentesque felis. Pellentesque at leo leo. Integer sagittis in sem vehicula ultrices. Morbi fermentum tincidunt lorem, molestie blandit ex imperdiet nec. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis vitae rhoncus quam. Nulla ac fringilla dui. Pellentesque scelerisque ante sit amet cursus porttitor.
<a href="PatternGlossary.html" target="_blank">Pattern glossary</a> and <a href="Calculator.html" target="_blank">Your cardigan(pullover) calculator.</a>
</p>
</article>
</main>
<footer><p>© Cozy Cappuccino. Author: Asta Remeikiene </p></footer>
</body>
</html>