-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
50 lines (46 loc) · 1.65 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Blog Landing Page</title>
<link rel = "stylesheet"
type = "text/css"
href = "./stylesheets/index.css"/>
</head>
<body>
<div class = "container">
<header>
<h1 class="header-name">A Very Pink Blog Template</h1>
</header>
<ul class="navbar">
<li><a href="#" id="active">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">All Articles</a></li>
</ul>
<div class = "posts-grid">
<div class = "post">
<h1><a class = "article-title" href="blogPost.html">Abstract Data Types: Stacks and Queues</a></h1>
<hr>
<h2 class="post__author-name">by <u><em>Marco Angelo</em></u></h2>
<img src="./img/stq.png">
<p>
<span class="dropcap">S</span>tacks and queues are two types of abstract data types that you can use to store and retrieve data in different ways.
</p>
<button onclick="window.location = 'blogPost.html'";>
Read More
</button>
</div>
<div class = "post">
<h1><a class="article-title" href="#">An Intro to Priority Queues</a></h1>
<hr>
<h2 class = "post__author-name">by <u><em>Marco Angelo</em></u></h2>
<img src="./img/pq.png" alt = 'priority queue heap and array'>
<p> <span class="dropcap">D</span>isclaimer: this article assumes you already know the function of a max/min heap and the purpose of heapify(). </p>
<button>Read More</button>
</div>
</div>
</div>
<footer>Copyright Marco Angelo Acebedo</footer>
</body>
</html>