-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
124 lines (122 loc) · 6.82 KB
/
blog.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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/week8.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,500;0,600;0,700;0,800;0,900;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<meta name="description" contents="">
<meta name="keywords" contents="Dibba Designs & Development Portfolio, Blog">
<title>Portfolio Projects | Dibba Designs & Development</title>
</head>
<body>
<header class="header">
<p class="site-title"><a href="https://www.dibbadesigns.com" target="_blank">Marissa Dibba</a></p>
<p class="site-description">Professional Portfolio</p>
<nav class="navbar">
<ul id="site-navigation" class="main-navigation">
<li class="main-navigation"><a href="week7CodingAssignment.html">Home</a></li>
<li> | </li>
<li><a href="about.html">About</a></li>
<li> | </li>
<li><a href="portfolio.html">Portfolio</a></li>
<li> | </li>
<li><a href="blog.html">Blog</a></li>
<li> | </li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<main>
<div class="container">
<h1 id="top">Blog</h1>
<p id="para">This is the summary and intro for the blog landing page. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Please select from one of the cateogies below for more information.</p>
<!--<div id="secondary-navigation">
<ul class="secondary-navigation">
<li><a href="blog.html#ada-compliance">ADA Compliance</a></li>
<li> | </li>
<li><a href="blog.html#sem">Search Engine Marketing</a></li>
<li> | </li>
<li><a href="blog.html#seo">Search Engine Optimization</a></li>
<li> | </li>
<li><a href="blog.html#tech-specs">Tech Specs</a></li>
</ul>
</div>-->
<div class="box">
<div id="card" class="one-third-box card">
<h3 id="ada-compliance">ADA Compliance</h3>
<p>Read all about Americans with Disabilities Act (ADA) compliance.</p>
<div class="cta"><a href="#"><button>Learn more ></button></a></div>
</div>
<div id="card" class="one-third-box card">
<h3 id="sem">Search Engine Marketing</h3>
<p>Read all about Search Engine Marketing.</p>
<div class="cta"><a href="#"><button>Learn more ></button></a></div>
</div>
<div id="card" class="one-third-box card">
<h3 id="seo">Search Engine Optimization</h3>
<p>Read all about Search Engine Optimization.</p>
<div class="cta"><a href="#"><button>Learn more ></button></a></div>
</div>
</div>
<table class="responsive">
<caption><h4 id="tech-specs">Tech Specs</h4><p>This is a table highlighting the different styles of headers that are styled in the CSS and what they should be used for, and when.</p></caption>
<tbody>
<tr>
<th colspan="1">Style</th>
<th colspan="1">Syntax</th>
<th colspan="1">Notes</th>
</tr>
<tr>
<td><h1>header 1</h1></td>
<td><h1></td>
<td>Use one time per page, usually the most important and unique to other pages.<br />Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td>
</tr>
<tr>
<td><h2>header 2</h2></td>
<td><h2></td>
<td>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
</tr>
<tr>
<td><h3>header 3</h3></td>
<td><h3></td>
<td>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
</tr>
<tr>
<td><h4>header 4</h4></td>
<td><h4></td>
<td>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
</tr>
<tr>
<td><h5>header 5</h5></td>
<td><h5></td>
<td>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
</tr>
<tr>
<td><h6>header 6</h6></td>
<td><h6></td>
<td>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
</tr>
</tbody>
</table>
<a href="blog.html#top">Return to top</a>
</div>
</main>
<footer>
<nav class="footer sub-navigation">
<ul class="sub-navigation">
<li><a href="https://www.linkedin.com/in/marissadibba/" target="_blank">LinkedIn</a></li>
<li> | </li>
<li><a href="https://github.com/Rissa-Jallow" target="_blank">GitHub</a></li>
<li> | </li>
<li><a href="mailto:[email protected]">Email</a></li>
</ul>
</nav>
<div class="container"><p class="smaller">© 2022 Marissa Dibba. All Rights Reserved | <a href="#">Privacy Policy</a></p></div>
</footer>
</body>
</html>