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
57 lines (53 loc) · 5.31 KB
/
index.html
File metadata and controls
57 lines (53 loc) · 5.31 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
<!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>Grant Frater</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<header>
<h1>Grant Frater</h1>
<p id="headerp">My little space on the internet</p>
</header>
<section id="articles">
<article>
<h2>Top 10 YouTube Channels for Developers</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim luctus mi, eget fringilla lacus fermentum sit amet. Ut volutpat nunc vitae est consequat blandit. Cras orci augue, posuere quis hendrerit vitae, porta eget sapien. Nulla facilisi. Aenean ex lorem, egestas nec vehicula pretium, dictum et libero. Curabitur gravida dolor eget justo facilisis iaculis. Fusce ut tempus neque. Duis sed sapien tincidunt felis aliquam porta interdum vestibulum sapien. Morbi rutrum dui condimentum magna interdum lobortis.
Aenean eu dictum purus. Proin placerat rutrum rutrum. Nullam laoreet sapien blandit justo sagittis ultrices. Aliquam rhoncus mi ac ipsum bibendum feugiat. Ut ac risus interdum, consectetur neque vitae, fermentum felis. Nullam ut quam sit amet risus ornare rhoncus maximus dictum turpis. Praesent vel commodo tellus. Maecenas in porta lectus. Quisque volutpat libero ac mi posuere finibus. Quisque blandit, arcu condimentum volutpat pharetra, augue leo posuere metus, sit amet malesuada velit sapien ut libero. Sed a nunc eu nulla dictum faucibus. Praesent leo ipsum, placerat nec scelerisque vitae, molestie non velit. Aliquam accumsan efficitur massa sed porta. Etiam pellentesque eget mauris at euismod. Aliquam pharetra maximus risus et tristique.
<br><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Read More</a></br>
</p>
</article>
<article>
<h2>100 Days Of Code</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim luctus mi, eget fringilla lacus fermentum sit amet. Ut volutpat nunc vitae est consequat blandit. Cras orci augue, posuere quis hendrerit vitae, porta eget sapien. Nulla facilisi. Aenean ex lorem, egestas nec vehicula pretium, dictum et libero. Curabitur gravida dolor eget justo facilisis iaculis. Fusce ut tempus neque. Duis sed sapien tincidunt felis aliquam porta interdum vestibulum sapien. Morbi rutrum dui condimentum magna interdum lobortis.
Aenean eu dictum purus. Proin placerat rutrum rutrum. Nullam laoreet sapien blandit justo sagittis ultrices. Aliquam rhoncus mi ac ipsum bibendum feugiat. Ut ac risus interdum, consectetur neque vitae, fermentum felis. Nullam ut quam sit amet risus ornare rhoncus maximus dictum turpis. Praesent vel commodo tellus. Maecenas in porta lectus. Quisque volutpat libero ac mi posuere finibus. Quisque blandit, arcu condimentum volutpat pharetra, augue leo posuere metus, sit amet malesuada velit sapien ut libero. Sed a nunc eu nulla dictum faucibus. Praesent leo ipsum, placerat nec scelerisque vitae, molestie non velit. Aliquam accumsan efficitur massa sed porta. Etiam pellentesque eget mauris at euismod. Aliquam pharetra maximus risus et tristique.
<br><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Read More</a></br>
</p>
</article>
<article>
<h2>Intro to CSS</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim luctus mi, eget fringilla lacus fermentum sit amet. Ut volutpat nunc vitae est consequat blandit. Cras orci augue, posuere quis hendrerit vitae, porta eget sapien. Nulla facilisi. Aenean ex lorem, egestas nec vehicula pretium, dictum et libero. Curabitur gravida dolor eget justo facilisis iaculis. Fusce ut tempus neque. Duis sed sapien tincidunt felis aliquam porta interdum vestibulum sapien. Morbi rutrum dui condimentum magna interdum lobortis.
Aenean eu dictum purus. Proin placerat rutrum rutrum. Nullam laoreet sapien blandit justo sagittis ultrices. Aliquam rhoncus mi ac ipsum bibendum feugiat. Ut ac risus interdum, consectetur neque vitae, fermentum felis. Nullam ut quam sit amet risus ornare rhoncus maximus dictum turpis. Praesent vel commodo tellus. Maecenas in porta lectus. Quisque volutpat libero ac mi posuere finibus. Quisque blandit, arcu condimentum volutpat pharetra, augue leo posuere metus, sit amet malesuada velit sapien ut libero. Sed a nunc eu nulla dictum faucibus. Praesent leo ipsum, placerat nec scelerisque vitae, molestie non velit. Aliquam accumsan efficitur massa sed porta. Etiam pellentesque eget mauris at euismod. Aliquam pharetra maximus risus et tristique.
<br><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Read More</a> </br>
</p>
</article>
</section>
<footer>Made with ❤️ in Scotland</footer>
</body>
</html>