-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmodule2.html
114 lines (79 loc) · 3.25 KB
/
module2.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
<!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>
<h3>Module 2</h3>
<hr style="width:50%">
<p>In module 2, we had to work with different properties in CSS. Making
sure we are understanding the key aspects of the CSS properties is critical
for a good design for a web page. That way we are able to debug easily and
efficiently.</p>
</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>
<main>
<br>
<br>
<!-- Module 1 Content -->
<article class="grid-container">
<section class="grid-item item1">
<h3>Practice Coding Documentation</h3>
<a class="button" href="Document-in-m2-robinson-summary.pdf">Open to
view the document</a>
<h3>Reflection</h3>
<hr style="width:50%">
<p>Doing these exercises, I learned the importance of each CSS
properties. Knowing that each are just as important as the other is
critical for learning website design.</p>
</section>
<section class="grid-item item2">
<h3>CSS Design Project</h3>
<hr style="width:50%">
<a class="button" href=
"https://practice.robinsonsdesigns.com/projects/background.html">Design
Project</a>
<p>This project had us showing off our skills and employing them to our
web page. We didn't need to worry about the design of the web page
itself, just needed to show the property values in all their glory.</p>
<h3>Reflection</h3>
<hr style="width:50%">
<p>This was a little challenging for me considering I am not one to
just paste a property to show it off without being a little organized
at first. But it makes me happy knowing that I may be educating others
about CSS properties when they jump onto my page.</p>
<h3>Final Reflection</h3>
<hr style="width:50%">
<p>With these two projects and module under my belt, I learned the
importance of CSS Properties and their sole purpose for design and
organization. The outcome of these exercises and actually implementing
them onto my website will be a great resource in the future. One can
even use my website as a resource with the examples covering the CSS
properties that I have listed. A great asset for the rookie web
dev.</p>
</section>
</article>
</main>
<footer>
Thanks for visiting my site!
</footer>
</body>
</html>