My Coding Journey 3
Hello guys,
Now I'm here again to update you about my coding journey so far. Could you all believe I am now 41% done with my course on HTML and CSS - just like yesterday. I'm super glad at the frontend developer I'm gradually becoming. So far, I've learned about HTML lists, HTML tags, HTML images as well as HTML links.
My project is centered on creating a simple website about my favorite book ensuring to include some common HTML tags along the way. Kindly find the code below.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>My Favourite Book</title>
</head>
<body>
<!-- start of Header -->
<header>
<p>I Just Discovered An Amazing Book</p>
<p>It is authored by Reallion Samuels and is titled Stellar Qualities
That makes An Outstanding Consultant</p>
<ul>
<li> <a href= "https://bit.ly/2MwwZe0">Go to book</a></li>
</ul>
<!-- end of header -->
<!-- start of Main content -->
</header>
<main>
<p>The summary of the book is:</p>
<details>
<summary>
The consulting industry is a multi-billion dollar industry
and only a few are
taking advantage of it. This book reveals the qualities that
is necessary to
have as consultants, it also shows the ways to apply these
qualities to stand
out in the field of consulting.
</summary>
</details>
<section>
<p><strong>The author</strong>, Reallion Samuels is also a business coach and a
corporate solutions consultant.
Here is a video to one of his
coaching sessions:
</p>
<video controls width="400" height="400"
autoplay loop muted
<source src="https://bit.ly/30c3hmI" type="video/mp4">
<source src="https://bit.ly/30c3hmI" type="video/webm">
<p>Your browser doesn't support HTML video. Here is a
<a href="https://bit.ly/30c3hmI">link to the video</a> instead.</p>
</section>
<h3>Order The Free E-book Now!</h3>
<h3>Contact Form</h3>
<form>
<label>First Name</label>
<input type="text" id="fname" name="firstname" placeholder="First name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<label for="country">Country</label>
<select id="country" name="country">
<option value="lagos">Lagos</option>
<option value="Ogun">Ogun</option>
<option value="Osun">Osun</option>
</select>
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.."></textarea>
<input type="submit" value="Submit">
</form>
</main>
<!-- end of main content -->
<!--start of footer -->
<Footer>
<p>Page Created by Reallion | Copyright 2020</p>
</Footer>
<!-- end of footer -->
</body>
</html>
</body>
</html>
</body>
</html>
I hope you were able to understand or at least have a hint about what that code is about? Let me know your opinion in the comment box.
Now I'm here again to update you about my coding journey so far. Could you all believe I am now 41% done with my course on HTML and CSS - just like yesterday. I'm super glad at the frontend developer I'm gradually becoming. So far, I've learned about HTML lists, HTML tags, HTML images as well as HTML links.
My project is centered on creating a simple website about my favorite book ensuring to include some common HTML tags along the way. Kindly find the code below.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>My Favourite Book</title>
</head>
<body>
<!-- start of Header -->
<header>
<p>I Just Discovered An Amazing Book</p>
<p>It is authored by Reallion Samuels and is titled Stellar Qualities
That makes An Outstanding Consultant</p>
<ul>
<li> <a href= "https://bit.ly/2MwwZe0">Go to book</a></li>
</ul>
<!-- end of header -->
<!-- start of Main content -->
</header>
<main>
<p>The summary of the book is:</p>
<details>
<summary>
The consulting industry is a multi-billion dollar industry
and only a few are
taking advantage of it. This book reveals the qualities that
is necessary to
have as consultants, it also shows the ways to apply these
qualities to stand
out in the field of consulting.
</summary>
</details>
<section>
<p><strong>The author</strong>, Reallion Samuels is also a business coach and a
corporate solutions consultant.
Here is a video to one of his
coaching sessions:
</p>
<video controls width="400" height="400"
autoplay loop muted
<source src="https://bit.ly/30c3hmI" type="video/mp4">
<source src="https://bit.ly/30c3hmI" type="video/webm">
<p>Your browser doesn't support HTML video. Here is a
<a href="https://bit.ly/30c3hmI">link to the video</a> instead.</p>
</section>
<h3>Order The Free E-book Now!</h3>
<h3>Contact Form</h3>
<form>
<label>First Name</label>
<input type="text" id="fname" name="firstname" placeholder="First name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<label for="country">Country</label>
<select id="country" name="country">
<option value="lagos">Lagos</option>
<option value="Ogun">Ogun</option>
<option value="Osun">Osun</option>
</select>
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.."></textarea>
<input type="submit" value="Submit">
</form>
</main>
<!-- end of main content -->
<!--start of footer -->
<Footer>
<p>Page Created by Reallion | Copyright 2020</p>
</Footer>
<!-- end of footer -->
</body>
</html>
</body>
</html>
</body>
</html>
I hope you were able to understand or at least have a hint about what that code is about? Let me know your opinion in the comment box.
Comments
Post a Comment