Skip to content

Commit c6cc0a8

Browse files
committed
feat: add shoe page
1 parent 99db61e commit c6cc0a8

File tree

8 files changed

+150
-48
lines changed

8 files changed

+150
-48
lines changed
Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
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>Blog</title>
8+
</head>
9+
<body>
10+
<h2>BLOG</h2>
11+
<a href="index.html">Main page</a>
12+
</body>
13+
</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>Document</title>
8+
</head>
9+
<body>
10+
<article>
11+
<h2>Converse Chuck Taylor All Star Low Top</h2>
12+
<img
13+
src="https://i.ibb.co/Jr7Wh1d/challenges.jpg"
14+
alt="Chuck Taylor All Star Shoe"
15+
height="250"
16+
width="250"
17+
/>
18+
</article>
19+
</body>
20+
</html>

starter/02-HTML-Fundamentals/index.html

Lines changed: 117 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -17,57 +17,126 @@ <h4>The BasicLanguage of the WEB: HTML</h4>
1717
<h5>The BasicLanguage of the WEB: HTML</h5>
1818
<h6>The BasicLanguage of the WEB: HTML</h6> -->
1919

20-
<h1>📘 The Code Magazine</h1>
21-
<p>Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027</p>
20+
<header>
21+
<h1>📘 The Code Magazine</h1>
2222

23-
<h2>The BasicLanguage of the WEB: HTML</h2>
24-
<p>
25-
All modern websites and web applications are built using three
26-
<em>fundamental</em>
27-
technologies: HTML, CSS and JavaScript. These are the languages of the
28-
web.
29-
</p>
30-
<p>
31-
In this post, let's focus on HTML. We will learn what HTML is all about,
32-
and why you too should learn it.
33-
</p>
23+
<nav>
24+
<a href="blog.html">Blog</a>
25+
<a href="#">Challenges</a>
26+
<a href="#">Flexbox</a>
27+
<a href="#">CSS Grid</a>
28+
</nav>
29+
</header>
30+
31+
<article>
32+
<h2>The BasicLanguage of the WEB: HTML</h2>
33+
34+
<img
35+
src="img/laura-jones.jpg"
36+
alt="laura jones picture"
37+
width="50"
38+
height="50"
39+
/>
40+
41+
<p>Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027</p>
42+
43+
<img
44+
src="img/post-img.jpg"
45+
alt="html code on a screen"
46+
width="500"
47+
height="200"
48+
/>
49+
50+
<p>
51+
All modern websites and web applications are built using three
52+
<em>fundamental</em>
53+
technologies: HTML, CSS and JavaScript. These are the languages of the
54+
web.
55+
</p>
56+
<p>
57+
In this post, let's focus on HTML. We will learn what HTML is all about,
58+
and why you too should learn it.
59+
</p>
60+
61+
<h3>What is HTML?</h3>
62+
<p>
63+
HTML stands for <strong>H</strong>yper<strong>T</strong>ext
64+
<strong>M</strong>arkup <strong>L</strong>anguage. It's a markup
65+
language that web developers use to structure and describe the content
66+
of a webpage (not a programming language).
67+
</p>
68+
<p>
69+
HTML consists of elements that describe different types of content:
70+
paragraphs, links, headings, images, video, etc. Web browsers understand
71+
HTML and render HTML code as websites.
72+
</p>
73+
<p>In HTML, each element is made up of 3 parts:</p>
74+
<ol>
75+
<li>The opening tag</li>
76+
<li>The closing tag</li>
77+
<li>The actual element</li>
78+
<li>
79+
You can learn more at the
80+
<a
81+
href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjrgJ6Hme_4AhUSwQIHHYY-D9IQFnoECAsQAQ&url=https%3A%2F%2Fdeveloper.mozilla.org%2Fru%2Fdocs%2FWeb%2FHTML&usg=AOvVaw0YvkoYxUiS2wgcOEbLc4cf"
82+
target="_blank"
83+
>MDN Web Docs</a
84+
>.
85+
</li>
86+
</ol>
87+
88+
<h3>Why should you learn HTML?</h3>
89+
<p>
90+
There are countless reasons for learning the fundamental language of the
91+
web. Here are 5 of them:
92+
</p>
93+
<ul>
94+
<li>To be able to use the fundamental web dev language</li>
95+
<li>
96+
To hand-craft beautiful websites instead of relying on tools like
97+
Worpress or Wix
98+
</li>
99+
<li>To build web applications</li>
100+
<li>To impress friends</li>
101+
<li>To have fun 😃</li>
102+
</ul>
103+
<p>Hopefully you learned something new here. See you next time!</p>
104+
</article>
34105

35-
<h3>What is HTML?</h3>
36-
<p>
37-
HTML stands for <strong>H</strong>yper<strong>T</strong>ext
38-
<strong>M</strong>arkup <strong>L</strong>anguage. It's a markup language
39-
that web developers use to structure and describe the content of a webpage
40-
(not a programming language).
41-
</p>
42-
<p>
43-
HTML consists of elements that describe different types of content:
44-
paragraphs, links, headings, images, video, etc. Web browsers understand
45-
HTML and render HTML code as websites.
46-
</p>
47-
<p>In HTML, each element is made up of 3 parts:</p>
48-
<ol>
49-
<li>The opening tag</li>
50-
<li>The closing tag</li>
51-
<li>The actual element</li>
52-
<li>You can learn more at the MDN Web Docs.</li>
53-
</ol>
106+
<aside>
107+
<h4>Related posts</h4>
108+
<ul>
109+
<li>
110+
<img
111+
src="img/related-1.jpg"
112+
alt="coders picture"
113+
width="75"
114+
height="75"
115+
/><a href="#">How to Learn Web Development</a>
116+
<p>By Jonas Schmedtmann</p>
117+
</li>
118+
<li>
119+
<img
120+
src="img/related-2.jpg"
121+
alt="coders picture"
122+
width="75"
123+
height="75"
124+
/><a href="#">The Unknown Powers of CSS</a>
125+
<p>By Jim Dillon</p>
126+
</li>
127+
<li>
128+
<img
129+
src="img/related-3.jpg"
130+
alt="coders picture"
131+
width="75"
132+
height="75"
133+
/><a href="#">Why JavaScript is Awesome</a>
134+
<p>By Matilda</p>
135+
</li>
136+
</ul>
137+
</aside>
54138

55-
<h3>Why should you learn HTML?</h3>
56-
<p>
57-
There are countless reasons for learning the fundamental language of the
58-
web. Here are 5 of them:
59-
</p>
60-
<ul>
61-
<li>To be able to use the fundamental web dev language</li>
62-
<li>
63-
To hand-craft beautiful websites instead of relying on tools like
64-
Worpress or Wix
65-
</li>
66-
<li>To build web applications</li>
67-
<li>To impress friends</li>
68-
<li>To have fun 😃</li>
69-
</ul>
70-
<p>Hopefully you learned something new here. See you next time!</p>
139+
<footer>Copyright &copy; 2027 by The Code Magazine.</footer>
71140

72141
<script src="" async defer></script>
73142
</body>

0 commit comments

Comments
 (0)