Skip to content

Commit 8cc0b5e

Browse files
AbernachyAbernachy
committed
restructured and completed Challenge 1
1 parent 1b18f29 commit 8cc0b5e

File tree

13 files changed

+91
-9
lines changed

13 files changed

+91
-9
lines changed

‎projectfolder/02-HTML-Fundamentals/imgs/challenges.jpg

-120 KB
Binary file not shown.

‎projectfolder/02-HTML-Fundamentals/content.txt renamed to ‎projectfolder/content.txt

File renamed without changes.

‎projectfolder/css/shopStyle.css

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
body {
2+
font-family: sans-serif;
3+
border: black 5px solid;
4+
line-height: 1.4;
5+
}
6+
7+
.product-name {
8+
background: #f7f7f7;
9+
text-transform: uppercase;
10+
text-align: center;
11+
}
12+
13+
.product-details {
14+
text-transform: uppercase;
15+
}
16+
17+
.shipping {
18+
text-transform: uppercase;
19+
font-weight: bold;
20+
color: #777;
21+
}
22+
23+
.price {
24+
font-size: 25px;
25+
}
26+
27+
/* Link styling */
28+
.homepage:link {
29+
color: #1098ad;
30+
}
31+
32+
.homepage:visited {
33+
color: #1098ad;
34+
}
35+
.homepage:hover {
36+
color: orangered;
37+
text-decoration: none orangred;
38+
}
39+
40+
a:link {
41+
color: black;
42+
text-decoration: underline black;
43+
}
44+
45+
a:visited {
46+
color: black;
47+
}
48+
49+
a:hover {
50+
color: black;
51+
text-decoration: none;
52+
}
53+
54+
/* Other stuff */
55+
56+
button {
57+
background-color: black;
58+
text-transform: uppercase;
59+
color: white;
60+
border: black solid 5px;
61+
font-size: 18px;
62+
}
63+
64+
button:hover {
65+
color: black;
66+
background-color: white;
67+
border: white solid 5px;
68+
/* The above can be consolidated down into:
69+
background-color: white
70+
filter:invert(100%)
71+
*/
72+
}
73+
74+
ul li {
75+
list-style: square;
76+
}

‎projectfolder/02-HTML-Fundamentals/style.css renamed to ‎projectfolder/css/style.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -153,3 +153,7 @@ High to Low
153153
5 -> child element
154154
155155
*/
156+
157+
nav a:link {
158+
font-size: 18px;
159+
}

‎projectfolder/02-HTML-Fundamentals/challenges.jpg renamed to ‎projectfolder/imgs/challenges.jpg

File renamed without changes.

‎projectfolder/02-HTML-Fundamentals/imgs/laura-jones.jpg renamed to ‎projectfolder/imgs/laura-jones.jpg

File renamed without changes.

‎projectfolder/02-HTML-Fundamentals/imgs/post-img.jpg renamed to ‎projectfolder/imgs/post-img.jpg

File renamed without changes.

‎projectfolder/02-HTML-Fundamentals/imgs/related-1.jpg renamed to ‎projectfolder/imgs/related-1.jpg

File renamed without changes.

‎projectfolder/02-HTML-Fundamentals/imgs/related-2.jpg renamed to ‎projectfolder/imgs/related-2.jpg

File renamed without changes.

‎projectfolder/02-HTML-Fundamentals/imgs/related-3.jpg renamed to ‎projectfolder/imgs/related-3.jpg

File renamed without changes.

‎projectfolder/02-HTML-Fundamentals/index.html renamed to ‎projectfolder/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
}
1111
</style>
1212
-->
13-
<link href="style.css" rel="stylesheet" />
13+
<link href="./css/style.css" rel="stylesheet" />
1414
</head>
1515
<body>
1616
<!-- Comment Block, this his how you do comments in html-->
@@ -22,8 +22,8 @@ <h1 style="color: blue">
2222
<h1>📘 The Code Magazine</h1>
2323

2424
<nav>
25-
<a href="blog.html">Blog</a>
26-
<a href="./challenges.html">Challenges</a>
25+
<a href="./pages/blog.html">Blog</a>
26+
<a href="./pages/challenges.html">Challenges</a>
2727
<a href="#">Fexbox</a>
2828
<a href="#">CSS Grid </a>
2929
</nav>

‎projectfolder/02-HTML-Fundamentals/blog.html renamed to ‎projectfolder/pages/blog.html

File renamed without changes.

‎projectfolder/02-HTML-Fundamentals/challenges.html renamed to ‎projectfolder/pages/challenges.html

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,19 @@
33
<meta charset="UTF-8" />
44
<head>
55
<title>Challenge 2 - Converse Shoe thingy</title>
6+
<link href="../css/shopStyle.css" rel="stylesheet" />
67
</head>
78
<body>
89
<article>
9-
<h2>Converse Chuck Taylor All Start Low Top</h2>
10-
<img src="./imgs/challenges.jpg" alt="A shoe" height="250" width="250" />
11-
<p><strong>$65.00</strong></p>
12-
<p>Free Shipping</p>
10+
<a class="homepage" href="../index.html">Home Page</a>
11+
<h2 class="product-name">Converse Chuck Taylor All Start Low Top</h2>
12+
<img src="../imgs/challenges.jpg" alt="A shoe" height="250" width="250" />
13+
<p class="price"><strong>$65.00</strong></p>
14+
<p class="shipping">Free Shipping</p>
1315
<p>Ready to dress up or down, these classic convo Chucks are an everyday wardrobe staple</p>
14-
<a href="#"><u>More information &RightArrow; </u></a>
16+
<a href="#">More information &RightArrow;</a>
1517

16-
<h2>Product Details</h2>
18+
<h3 class="product-details">Product Details</h3>
1719
<ul>
1820
<li>Lightweight, durable and painful</li>
1921
<li>Gives crippling back pain with each step</li>

0 commit comments

Comments
 (0)