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
65 lines (65 loc) · 3.37 KB
/
index.html
File metadata and controls
65 lines (65 loc) · 3.37 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
<!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>CodeYourFuture News</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>
<!-- ** Header ** -->
<header class="header">
<nav class="header__navbar">
<h1 class="header__title">CodeYourFuture News</h1>
<p class="header__desc" >CYF students are trained in full-stack web development by volunteers from the tech industry, putting a strong emphasis on collaboration and product development through tech projects.
</p>
</nav>
</header>
<!-- ** Header ** -->
<!-- ** Main ** -->
<main class="main">
<!-- ** Article ** -->
<article>
<section class="article">
<h2 class="article__title">CSS Week 1</h2>
<img class="article__img" src="Img/css design.jpg" alt="css design">
<p class="article__text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iusto excepturi eveniet eius recusandae neque aliquid a delectus itaque dolor dignissimos? Maxime adipisci ratione qui beatae quam provident dolorum facilis amet!</p>
<h3>Date: 27 July 2022</h3>
<a href="https://syllabus.codeyourfuture.io/html-css/"><button class="articleBtn">Learn more ...</button></a>
</section>
<section class="article">
<h2 class="article__title">HTML Week 1</h2>
<img class="article__img" src="Img/HTML logo.jpg" alt="html logo">
<p class="article__text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iusto excepturi eveniet eius recusandae neque aliquid a delectus itaque dolor dignissimos? Maxime adipisci ratione qui beatae quam provident dolorum facilis amet!</p>
<h3>Date: 27 July 2022</h3>
<a href="https://syllabus.codeyourfuture.io/html-css/"><button class="articleBtn">Learn more ...</button></a>
</section>
<section class="article">
<h2 class="article__title">Git and Github</h2>
<img class="article__img" src="Img/github.jpg" alt="github">
<p class="article__text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iusto excepturi eveniet eius recusandae neque aliquid a delectus itaque dolor dignissimos? Maxime adipisci ratione qui beatae quam provident dolorum facilis amet!</p>
<h3>Date: 27 July 2022</h3>
<a href="https://syllabus.codeyourfuture.io/git/overview"><button class="articleBtn">Learn more ...</button></a>
</section>
</article>
<!-- ** Article ** -->
</main>
<!-- ** Main ** -->
<!-- ** Footer ** -->
<footer class="footer">
<hr class="footer__solid-line">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum cum ipsa obcaecati, consequatur sapiente porro numquam atque perferendis est earum ratione voluptate aperiam non maiores odio ex eaque deserunt suscipit alias nobis, illum neque eius amet? Quos repellendus, sapiente vitae, sit dolore eaque tenetur ab, saepe ex voluptates incidunt hic.</p>
<p class="footer__copyright">© All rights reserved | CodeYourFuture</p>
</footer>
<!-- ** Footer ** -->
</body>
</html>