-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (147 loc) · 5.56 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
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!--Gave up! made reference to solution code, struggled with trying to re-eningeer and figure out the code I wrote and kept getting confused. going to make comments on solution code on where I went wrong and what I dont understand and hope to learn from that :( -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="The perfect personal assistant. Relaxr does your job for you so you can enjoy life as it is meant to be.">
<title>Relaxr Landing Page</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,300,600,800' rel='stylesheet' type='text/css'>
<!-- external CSS link -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
</head>
<!--My code: head
#1 meta content="your description" where I do get this info?
#2 did not add google font link to my orignal
<head>
<meta charset="utf-8">
<meta name="description" content="Your description goes here">
<meta name="keywords" content="one, two, three">
<title>Relaxr Landing Page</title>
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/style.css">
-->
<body>
<header>
<div class="container">
<h1 class="logo">Relaxr</h1>
<nav>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<h2>Get piece of mind with a single tap</h2>
<a class="button yellow" href="#">Get it Now</a>
</div>
</header>
</head>
<!--My code: header
#1 my haeder included list, because of new requirements to 2nd part of assignment
#2 added nav class because I was struglling with 2 lists on same page and couldnt figure out how to taregt lists indiviually
#3 will comment more about styling issues on css comments
<body>
<header>
<div class="logo">Relaxr</div>
<nav class="list_one">
<ul>
<a href="blog.html"><li>Blog</li></a>
<li>Contact Us</li></a>
<li>Team</li></a>
<li>FAQ</li></a>
<li>About</li></a>
</ul>
</nav>
<h3>Get piece of mind with a single tap</h3>
<a href="index.html" class="button">Get it Now</a>
</div>
</header>
-->
<section class="benefits">
<div class="container">
<h3>Benefits</h3>
<p>The perfect personal assistant. Relaxr does your job for you so you can enjoy life as it is meant to be.</p>
<ul>
<li>Schedule meetings for you</li>
<li>Excel automation to complete your work for you</li>
<li>Responds to emails on your behalf</li>
<li>Does all your work for you with our revolutionary AI technology</li>
</ul>
</div>
</section>
<!--my code: main
#1 I called this section a main you made it a section, seems like I dont understand the best way to structure a page
#2 you used a div for h and ul, I just used for ul. why did I do this (I dont know) How can I better understand this?
#3 div class "list_two" because of styling issues with 2 lists on page but didnt work. will comment more in css comments
<main>
<h4>Benefits</h4></div>
<div class="text">
<p>The perfect personal assistant. Relaxr does your job for you so you can enjoy life as it is meant to be.</p>
</div>
<div class="list_two">
<ul>
<li>Schedule meetings for you</li>
<li>Excel automation to complete your work for you</li>
<li>Responds to emails on your behalf</li>
<li>Does all your work for you with our revolutionary AI technology</li>
</ul>
</div>
</main>
-->
<section class="testimonial">
<div class="container">
<blockquote>“Relaxr changed my life. I’ve been able to travel the world, spend limited time working and my boss keeps thanking me for crushing work.”
<span>- Amanda, Intuit</span></blockquote>
</div>
</section>
<!--my code: .testimonial
#1 what are blockquotes and the purple garbles???
#2 can google blockquotes but would need an explaination on purple garbles
<section class="testimonial">
<div class="container">
<p>“Relaxr changed my life. I’ve been able to travel the world, spend limited time working and my boss keeps thanking me for crushing work. ” <span> - Amanda, Intuit</span></p>
</div>
</section>
-->
<aside>
<a class="button blue" href="#">Sign Up Now!</a>
</aside>
<!--my code: aside
#1 another structure issue, I named section and div, you named aside
#2 i get the # (tbc/insert) i think
<section class="sign_up">
<div class="container">
<a href="index.html">Sign Up Now!</a>
</div>
</section>
-->
<footer>
<h4 class="logo">Relaxr</h4>
<ul>
<li><a href="#"><img src="images/twitter.png" alt="Twitter logo"></a></li>
<li><a href="#"><img src="images/facebook.png" alt="Facebook logo"></a></li>
</ul>
<p class="copyright">Copyright 2015. Relaxr.</p>
</footer>
</body>
</html>
<!--my code: footer
#1 footer class="footer" is redunant, I see this now
#2 looking at my code, seems like I am not understanding how to use <div class="container">, need help with structure pages
#3 <a> are for links only, should not have done that in copyright
<footer class="footer">
<div class="container">
<a>Relaxr</a>
<ul>
<li><a href="index.html"><img src="./images/twitter.png" alt="Twitter logo"></a></li>
<li><a href="index.html"><img src="./images/facebook.png" alt="Facebook logo"></a></li>
</ul>
<a>© Copyright 2015. Relaxr.</a>
</div>
</footer>
</body>
</html>
-->