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
63 lines (53 loc) · 3.78 KB
/
index.html
File metadata and controls
63 lines (53 loc) · 3.78 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
<!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>My Blog</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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header class="header">
<h1 class="title">Vejegans</h1>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras convallis turpis ut mollis porta. Fusce pulvinar pretium finibus. Quisque pellentesque tellus sit amet quam commodo aliquam. Proin fringilla efficitur feugiat. Nam semper rhoncus turpis, sit amet tempus odio ultricies id.</p>
</header>
<main class="main">
<article class="item1">
<h2 class="title2">Am I Vegetarian</h2>
<p class="vege">Aliquam eu auctor ante. Pellentesque justo nisi, dictum eu tortor nec, efficitur imperdiet massa. Aenean eu tincidunt risus. Nam at nisi tempus ante ultricies consectetur vel non velit. Aenean interdum elit a sapien venenatis malesuada. Morbi condimentum nunc a urna fermentum, eget maximus eros finibus. Maecenas sit amet felis vel metus sollicitudin ultricies. Sed molestie, tortor eu sodales scelerisque, dolor justo maximus massa, quis bibendum nibh libero sit amet nibh. Sed accumsan a odio nec finibus. Donec suscipit lacus vel dolor laoreet, vel gravida ante semper. Nulla congue mattis ex. Nunc sed mauris in nibh vulputate sollicitudin et quis nulla.</p>
<a href=https://vegsoc.org/info-hub/definition/" target="_blank">More Info</a>
</article>
<article class="item2">
<h2 class="title2">Am I Vegan</h2>
<p class="vegan">Sed eget scelerisque nisi. Donec ex nulla, accumsan at leo dignissim, tristique interdum dui. Nullam sit amet orci eget lacus sagittis finibus. Vestibulum commodo velit nec metus consectetur cursus. Duis luctus dui enim, eu euismod turpis venenatis quis. Ut rhoncus dui eros, a gravida justo malesuada non. Phasellus sit amet ultricies justo.</p>
<a href="https://www.vegansociety.com/" target="_blank">More Info</a>
</article>
<article class="item3">
<h2 class="title2">I am Vejegan</h2>
<p class="vejegun">Duis risus leo, consectetur quis pharetra varius, varius quis metus. Nam vitae dolor vitae sapien ultrices suscipit at vitae massa. Aenean tincidunt, arcu non cursus consectetur, lectus nibh lobortis ipsum, at viverra justo velit nec lacus. Nullam at tempor sem. Nullam finibus iaculis diam, in dapibus eros ultricies at. Phasellus volutpat est sit amet felis semper, eget vehicula nisi commodo. Sed sit amet est dignissim, rutrum risus eget, pharetra mauris. Sed scelerisque metus eget sollicitudin tristique.</p>
<a href="https://www.thespruceeats.com/types-of-vegetarians-3378611" target="_blank">More Info</a>
</article>
</main>
<footer class="footer">
<a href="#" class="about">About</a>
<a href="#" class="terms">Terms of Use</a>
<a href="#" class="privacy">Privacy Policy</a><br/>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-linkedin"></a>
<p class="legal">@ We are not responsible for the content of external files.</p>
</footer>
</body>
</html>