Skip to content

Commit a02cd27

Browse files
author
Argenis Contreras
committed
Style pullquotes and fix CSS link
1 parent 9a4b3b9 commit a02cd27

5 files changed

Lines changed: 65 additions & 2 deletions

File tree

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
.DS_Store

‎first-website/images/firefox image.jpeg‎

9.96 KB
Loading

‎first-website/images/firefox-icon.png‎

60.4 KB
Loading

‎first-website/index.html‎

Lines changed: 17 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
<!doctype html>
22
<html lang="en-US">
3-
<link href="styles/style.css" rel="stylesheet" />
4-
53
<head>
64
<meta charset="utf-8" />
75
<meta name="viewport" content="width=device-width" />
86
<title>Assignment 1</title>
7+
<link href="styles/style.css?v=1" rel="stylesheet" />
98
<style>
109
body {
1110
background-color: #e6f2ff;
@@ -34,5 +33,21 @@ <h1 style="text-align: center;">Mozzila is cool </h1>
3433
<p>working together, to keep alive and accesible, so people worlwide can e informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth and our collective future.</p>
3534

3635
<p>Read the <a href="https://www.mozilla.org/en-US/about/manifesto/"> Mozilla Manifesto</a> to learn even more about the values and principles that guide the pursuit of our mission.</p>
36+
37+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras semper tellus quis est lacinia, non consectetur urna consequat. Aliquam sed finibus ipsum. Suspendisse nec euismod nibh. Donec id orci risus. Aliquam erat volutpat. Praesent in sem diam. Nam rutrum dui vitae ante scelerisque gravida. In eget erat sed tellus dignissim tincidunt eget non eros. Nulla facilisi. Aenean arcu tellus, gravida sed ex ut, pellentesque dapibus erat. Duis quis quam eget diam rhoncus euismod.</p>
38+
39+
<p id="mainquote" class="quote">"Web development is cool" - Bill Joe Smith</p>
40+
41+
<p>Vestibulum vel sodales augue, quis rhoncus augue. Mauris id ligula turpis. Nulla facilisis massa sed pretium ornare. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc nunc elit, euismod quis enim sed, hendrerit posuere dui. Aenean tempus lacinia turpis non molestie. Nullam imperdiet nibh erat, non aliquet nulla congue ac. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec feugiat enim vitae tempus euismod. Curabitur cursus eget orci vitae interdum. Sed varius luctus massa sit amet rhoncus. Morbi eget massa quis nibh tempor varius sit amet non felis.</p>
42+
43+
<p class="quote">"Web development is cool" - Bill Joe Smith</p>
44+
45+
<p>In eget nisi pulvinar, dapibus enim vel, molestie eros. Donec facilisis odio sed massa pharetra cursus. Nullam felis ipsum, semper vitae hendrerit in, iaculis id enim. Mauris non consequat augue. Donec a placerat sem. Aenean lacus nibh, ullamcorper eu lacus quis, facilisis pretium quam. Donec pellentesque, metus at auctor dignissim, ligula purus tincidunt mi, sit amet eleifend tellus nulla vitae orci. Donec eget ipsum sem. In laoreet ac risus quis tristique. Suspendisse felis odio, cursus id sapien non, tincidunt euismod enim. Praesent in nisi justo. Mauris in bibendum elit. In hac habitasse platea dictumst.</p>
46+
47+
<p>Sed quis egestas nunc. Donec dignissim scelerisque posuere. Maecenas eu ipsum justo. Fusce id dui lectus. Nulla aliquet pharetra aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam eu tincidunt quam, lacinia imperdiet massa. Duis sed vestibulum odio.</p>
48+
49+
<p class="quote">"JavaScript is the language of web browsers" - John Doe</p>
50+
51+
<p>Sed scelerisque commodo odio, ut consectetur arcu sodales in. Curabitur vitae rhoncus arcu. Mauris hendrerit rhoncus diam sit amet hendrerit. Suspendisse potenti. Aenean semper rhoncus mi, non semper urna porta nec. Quisque condimentum est et ultricies aliquam. Etiam et eros in dolor tempus maximus eu id turpis. Aliquam ac leo sed ligula tincidunt vulputate. Suspendisse sagittis et mauris in euismod. Integer suscipit sapien sit amet nunc finibus, sed faucibus dui dictum. Phasellus ac velit nisi.</p>
3752
</body>
3853
</html>

‎first-website/styles/style.css‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
html {
2+
/* px means "pixels". The base font size is now 10 pixels high */
3+
font-size: 10px;
4+
/* Replace PLACEHOLDER with the font-family property value you got from Google Fonts */
5+
font-family: "Roboto", sans-serif;
6+
}
7+
h1 {
8+
font-size: 60px;
9+
text-align: center;
10+
}
11+
12+
p,
13+
li {
14+
font-size: 16px;
15+
line-height: 2;
16+
letter-spacing: 1px;
17+
}
18+
html {
19+
background-color: #00557f;
20+
}
21+
body {
22+
width: 600px;
23+
margin: 0 auto;
24+
background-color: #ff9500;
25+
padding: 0 20px 20px 20px;
26+
border: 5px solid black;
27+
}
28+
h1 {
29+
margin: 0;
30+
padding: 20px 0;
31+
color: #00539f;
32+
text-shadow: 3px 3px 1px black;
33+
}
34+
img {
35+
display: block;
36+
margin: 0 auto;
37+
max-width: 100%;
38+
}
39+
40+
.quote {
41+
color: red;
42+
}
43+
44+
#mainquote {
45+
border: 2px solid currentColor;
46+
padding: 8px 12px;
47+
}

0 commit comments

Comments
 (0)