Skip to content

Commit 8208354

Browse files
marcumamarcuma
authored
Merge pull request #4 from marcuma/challenge1
challenge 1
2 parents 4548018 + 5b93f29 commit 8208354

File tree

7 files changed

+149
-4
lines changed

7 files changed

+149
-4
lines changed

‎starter/03-CSS-Fundamentals/blog.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@
44
<title>BLOG</title>
55
</head>
66
<body>
7+
<nav>
8+
<a href="index.html">Back to home</a>
9+
</nav>
710
<h2>BLOG</h2>
8-
<a href="index.html">Back to home</a>
911
</body>
1012
</html>

‎starter/03-CSS-Fundamentals/challenges/index.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Challenges</title>
8+
</head>
9+
<body>
10+
<nav>
11+
<a href="../index.html">Home</a>
12+
</nav>
13+
<h1>Challenges</h1>
14+
<article>
15+
<ol>
16+
<li><a href="shoes.html">Chuck Tayloer Ecommerce Item Page</a></li>
17+
</ol>
18+
</article>
19+
</body>
20+
</html>

‎starter/03-CSS-Fundamentals/challenges/shoes.html

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="stylesheet" href="../css/shoes.css" />
6+
<title>Chucks</title>
7+
</head>
8+
<body>
9+
<nav>
10+
<a href="../index.html">Home</a>
11+
<a href="index.html">Challenges</a>
12+
</nav>
13+
14+
<article>
15+
<h1 class="item-title">Converse Chuck Taylor All Start Low Top</h1>
16+
<img
17+
src="../img/challenges.jpg"
18+
height="250"
19+
width="250"
20+
alt="an image of black canvas shoes"
21+
/>
22+
<h3 class="price">$65.00</h3>
23+
<p class="free-shipping">Free Shipping</p>
24+
<p>
25+
Ready to dress up or down, these classic canvas Chucks are an everyday
26+
wardrobe staple.
27+
</p>
28+
<a href="#">More information &rarr;</a>
29+
<h2>Production Details</h2>
30+
<ul>
31+
<li>Lightweight, durable canvas sneaker</li>
32+
<li>Lightly padded footbed for added comfort</li>
33+
<li>Iconic Chuck Taylor ankle patch</li>
34+
</ul>
35+
36+
<button>Add to cart</button>
37+
</article>
38+
</body>
39+
</html>

‎starter/03-CSS-Fundamentals/css/shoes.css

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
body {
2+
font-family: sans-serif;
3+
font-size: 15px;
4+
}
5+
6+
article {
7+
border: 5px solid black;
8+
}
9+
10+
h1 {
11+
text-align: center;
12+
}
13+
14+
.item-title {
15+
text-transform: uppercase;
16+
}
17+
18+
.free-shipping {
19+
font-size: 12px;
20+
font-weight: bold;
21+
text-transform: uppercase;
22+
color: #777;
23+
}
24+
25+
.price {
26+
font-size: 20px;
27+
}
28+
29+
ul {
30+
list-style: square;
31+
}
32+
33+
button:hover {
34+
background-color: white;
35+
color: black;
36+
}
37+
38+
a:link {
39+
color: black;
40+
text-decoration: none;
41+
}
42+
43+
a:visited {
44+
color: black;
45+
}
46+
47+
a:hover {
48+
text-decoration: underline;
49+
}
50+
51+
button {
52+
background-color: black;
53+
color: white;
54+
}

‎starter/03-CSS-Fundamentals/css_grid.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>CSS Grid</title>
8+
</head>
9+
<body>
10+
<nav>
11+
<a href="index.html">Home</a>
12+
</nav>
13+
<h1>CSS Grid</h1>
14+
</body>
15+
</html>

‎starter/03-CSS-Fundamentals/flexbox.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Flexbox</title>
8+
</head>
9+
<body>
10+
<nav>
11+
<a href="index.html">Home</a>
12+
</nav>
13+
<h1>Flexbox</h1>
14+
</body>
15+
</html>

‎starter/03-CSS-Fundamentals/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@ <h1>📘 The Code Magazine</h1>
1212

1313
<nav>
1414
<a href="blog.html">Blog</a>
15-
<a href="#">Challenges</a>
16-
<a href="#">Flexbox</a>
17-
<a href="#">CSS Grid</a>
15+
<a href="challenges/index.html">Challenges</a>
16+
<a href="flexbox.html">Flexbox</a>
17+
<a href="css_grid.html">CSS Grid</a>
1818
</nav>
1919
</header>
2020

0 commit comments

Comments
 (0)