-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (43 loc) · 1.55 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
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
<title>Robinson's Showcase Site</title>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="style.css" rel="stylesheet">
<script src="buttons.js">
</script>
</head>
<body>
<span onclick="openNav()" style="font-size:30px;cursor:pointer;float: right; padding: 10px;">☰</span>
<!-- Header -->
<header>
<h1>Danielle Robinson's Showcase Site</h1>
</header>
<!-- Navigation Bar -->
<nav class="sidenav" id="mySidenav">
<a class="closebtn" href="javascript:void(0)" onclick="closeNav()">×</a> <a href="index.html">Home</a>
<a href="module1.html">Module 1</a>
<a href="module2.html">Module 2</a>
<a href="module3.html">Module 3</a>
<a href="module4.html">Module 4</a>
</nav>
<!-- The flexible grid (content) -->
<main>
<article class="grid-container">
<section class="grid-item item1">
<h2>About CSS Technologies</h2>
<hr style="width:50%">
<p>This class taught me all about the new css elements and style
structures that are offered. Practicing and learning to train your mind
about css properties and layouts is what being a web developer is all
about. From flexbox, to grid layouts, this class taught me so much
about css and I am looking forward to showing you my projects!</p>
</section>
</article>
</main>
<footer>
Thanks for visiting my site!
</footer>
</body>
</html>