-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
139 lines (129 loc) · 6.17 KB
/
index.html
File metadata and controls
139 lines (129 loc) · 6.17 KB
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ama's Blog</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,500,700|Muli:200,300,400,500,700&display=swap"
rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body>
<header>
<h1>Ama's Blog</h1>
<nav id="mainnav">
<ul>
<li><a href="#">Archives</a>
<ul class="submenu">
<li><a href="post1.html">01. History </a></li>
<li><a href="post2.html">02. Semantic</a></li>
<li><a href="post3.html">03. Typeface</a></li>
<li><a href="post4.html">04. Web vs App </a></li>
<li><a href="post5.html">05. Core Model</a></li>
<li><a href="post6.html">06. Web Design</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<section>
<article class="articlesnippet">
<img src="images/userexperience-small.jpg" alt="notes for improvement">
<div class="postsnippet">
<h2>Web Design Research</h2>
<time datetime="2020-02-27">February 27th, 2020</time>
<hr>
<p>
“A Comprehensive Guide To Web Design” focuses on the main principles to help create a better user
experience for your website. Navigation on your website is key for usability; users should be able
to
find their way around your website. Navigations should be simple, clear, and consistent...
</p>
<p><a href="post6.html">Read More</a></p>
</div>
</article>
<article class="articlesnippet">
<img src="images/coremodel-small.jpg" alt="mobile layout">
<div class="postsnippet">
<h2>The Core Model</h2>
<time datetime="2020-02-25">February 25th, 2020</time>
<hr>
<p>
People come to our website to get something done. For users to meet their goals on our website, we
need
to implement our website design by using the core model. The core model allows us to focus on the
core
tasks that a user needs to get done...
</p>
<p><a href="post5.html">Read More</a></p>
</div>
</article>
<article class="articlesnippet">
<img src="images/mobile-desktop-small.jpg" alt="laptop and notes">
<div class="postsnippet">
<h2>Mobile and Desktop Design</h2>
<time datetime="2020-02-20">February 20th, 2020</time>
<hr>
<p>
According to “Designing for the Web vs. Apps in the Mobile Era”, Mobile design is for tasks while
Desktop design is for information. Mobile design focuses on interactive design while websites focus
on
information architecture... </p>
<p><a href="post4.html">Read More</a></p>
</div>
</article>
<article class="articlesnippet">
<img src="images/typeface-small.jpg" alt="wooden letters">
<div class="postsnippet">
<h2>Cormorant Typeface</h2>
<time datetime="2020-02-13">February 13th, 2020</time>
<hr>
<p>Cormorant was hand drawn and designed by Christian Thalmann of Catharsis Fonts. Cormorant was
inspired by
the Garamond typeface. Even with this inspiration, Thalmann did not use Garamond or any other font
as a
starting point when he created Cormorant... </p>
<p><a href="post3.html">Read More</a></p>
</div>
</article>
<article class="articlesnippet">
<img src="images/semantic-small.jpg" alt="laptop">
<div class="postsnippet">
<h2>Semantic HTML</h2>
<time datetime="2020-02-11">February 11th, 2020</time>
<hr>
<p>Reading about Semantic HTML, I’ve learned about using tags that have a specific purpose and breaks
down
your page into different contents. I’ve never really thought about it much, but I think when styling
I
start forming ideas about how I want my page...
</p>
<p><a href="post2.html">Read More</a></p>
</div>
</article>
<article class="articlesnippet">
<img src="images/internet-history-small.jpg" alt="code">
<div class="postsnippet">
<h2>Internet History</h2>
<time datetime="2020-01-09">January 9th, 2020</time>
<hr>
<p>How might the use of social media as a primary source of communication affect the cyber-youth?
</p>
<p>Social media expands our reach, allowing us to communicate with those in... </p>
<p><a href="post1.html">Read More</a> </p>
</div>
</article>
</section>
<footer>
<p>Ama Dadzie</p>
<p>Contact: <a
href="mailto:asdadzie@ucdavis.edu">asdadzie@ucdavis.edu</a>
</p>
<p><a href="http://validator.w3.org/check?uri=referer">Valid HTML5</a></p>
</footer>
</body>
</html>