-
Notifications
You must be signed in to change notification settings - Fork 0
/
article.html
93 lines (88 loc) · 4.74 KB
/
article.html
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://kit.fontawesome.com/36bad91d7d.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Article</title>
<link href="https://fonts.googleapis.com/css?family=Lato|Staatliches&display=swap" rel="stylesheet">
<link rel="stylesheet" href="strand.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<nav id="main-nav">
<div class="container">
<img src="images/ty.png" alt="NewsGrid" class="logo">
<div class="social">
<a href="https://facebook.com" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>
<a href="https://twitter.com" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
<a href="https://instagram.com" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
<a href="https://youtube.com" target="_blank"><i class="fab fa-youtube fa-2x"></i></a>
</div>
<ul>
<li><a href="stem.html">Home</a></li>
</ul>
</div>
</nav>
<section id="article">
<div class="container">
<div class="page-container">
<article class="card">
<img src="images/uu.jpg" alt="">
<h1 class="l-heading">Lorem ipsum dolor sit amet.</h1>
<div class="meta">
<small>
<i class="fas fa-user"></i> Source Google
</small>
<div class="category category-ent">EDUCATION</div>
</div>
<p>In today's rapidly advancing world, the fields of science, technology, engineering, and mathematics (STEM) are at the forefront of innovation and progress. The STEM strand, offered in senior high schools across the Philippines, equips students with the skills and knowledge necessary to thrive in these dynamic disciplines. In this article, we will delve into the exciting world of STEM, highlighting its significance, subjects, career opportunities, and the limitless potential it holds for aspiring students.</p>
<p>The STEM strand is an academic track designed to develop students' proficiency in science, technology, engineering, and mathematics. It fosters a strong foundation in these fields, cultivating critical thinking, problem-solving, and analytical skills. By combining theoretical knowledge with practical applications, the STEM strand empowers students to become innovative thinkers and prepares them for higher education and a wide range of future careers.</p>
</article>
<aside id="catagories" class="card">
<h2>Categories</h2>
<ul class="list">
<li><a href="#"><i class="fas fa-chevron-right"></i> Video 1</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Video 2</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Video 3</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Video 4</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Video 5</a></li>
</ul>
</aside>
<aside class="card bg-secondary">
<h2>You want to be a PRENZANIAN?</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore, consectetur.</p>
<a href="" class="btn btn-dark btn-block">ENROLL NOW!</a>
</aside>
</div>
</div>
</section>
<!-- Footer -->
<footer id="main-footer">
<div class="container footer-container">
<div>
<img src="images/ty.png" alt="NewsGrid">
<p></p>
</div>
<div>
</div>
<div>
<h3>Site Links</h3>
<ul class="list">
<li><a href="#">Help & Suport</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div>
</div>
<div>
<p>Coded by © Marc </p>
</div>
</div>
</footer>
</body>
</html>