The Big Picture (Dr Ben Carson)

The course has been very educative so far. I have learnt many things since the beginning of the course which includes:
1. Learning web design from scratch,
2. Learning how HTML tags work,
3. Learning how to create links and adding pictures to the site,
4. How to create comments in my code.

    During the course, I worked on a project which talks about my favourite Book and how much I love the book. The project tells you about the author and the book itself (The Big Picture by Dr Ben Carson)

Here is a screenshot of the project.





Here are the Codes:

First page (index.html)

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>The Big Picture</title>
  </head>
  <body>
    <!-- The <fieldset> tag creat a feild or contaner where we can place other items inside-->
    <fieldset>
      <!--The lengend tag allows us to write on the fieldset line-->
      <legend>Login Page</legend><br>

      <!--The label tag allows us to Display label of something-->
      <label>Username:</label><br>
      <!--The input tag allows us to accept users input -->
      <input type="text"><br>

      <label>Password:</label><br>
      <input type="password"><br><br>
      <a href="home.html"><button>Login...</button></a><br><br>
      <a href="signup.html">New to the Site?</a>


    </fieldset>
    <!--End of fieldset-->
  </body>
</html>




The Second Page (signup.html)

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <fieldset>
      <legend>Sign up Page</legend>

      <!-- THe form tag allows us to creat a form for our users to fill in-->

      <form>

          <!--The lengend tag allows us to write on the fieldset line-->
          <legend>Login Page</legend><br>

          <!--The label tag allows us to Display label of something-->
          <label>First Name</label><br>
          <!--The input tag allows us to accept users input -->
          <input type="text"><br><br>
          <label>Last Name</label><br>
          <input type="text"><br><br>
          <label>email</label><br>
          <input type="email"><br><br>
          <label>Phone Number</label><br>
          <input type="number"><br><br>
          <label>Country</label><br>

          <!--The select tag creat a contaner where options can placed for a user to pick or select-->
          <select>
            <!--The option tag allows us to put the options we want avalable for the user to pick from-->
            <option>--Country--</option>
            <option>USA</option>
            <option>Canada</option>
            <option>Nigeria</option>
            <option>Ghana</option>
          </select><br><br>

          <!--End of select -->

          <label>Gender</label><br>
          <input type="radio" name="gender">
          <label>Male</label>
          <input type="radio" name="gender">
          <label>Female</label><br><br>
          <label>Username:</label><br>
          <input type="text"><br><br>
          <label>Password:</label><br>
          <input type="password"><br><br>
          <label>Connfirm Password</label><br>
          <input type="password"><br><br>

          <a href="home.html"><button>Sign Up</button></a>

      <!---End of form -->

      </form>

    </fieldset>
      <!--End of fieldset-->


  </body>
</html>



The Last Page (home.html)



<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>The Big Picture</title>
  </head>
  <body>
    <h1>The Big Picture</h1>
    <img src="https://i.imgur.com/tK3pX7Y.jpg" alt="The Big Picture">

    <!--The p tag is to creat a a paragraph for the text-->

    <p>“The Big Picture” has really been a very inspiring book to me and I augege <br>
      all young people to read this book. Dr. Ben Carson is known as the originator <br>
      of ground-breaking surgical procedures, a doctor who turn impossible <br>
      hopes into joyous realities. He is known as well as a compassionate humanitarian <br>
      who reaches beyond corporate boardrooms to touch the lives of inner-city kids.<br>
      What drives him? The Big Picture. A vision of something truly worth living for, <br>
      something that calls forth the best of his amazing talents, energy, and focus.<br>
      In The Big Picture, Dr. Carson shares with you the overarching philosophy that has shaped his life, <br>
      causing him to rise from failure to far-reaching influence. <br>
      This book is not about HOW to succeed—it’s about WHY to succeed. <br>
      It’s about broadening your perspectives. <br>
      It’s about finding a vision for your own life that can reframe your priorities, <br>
      energize your efforts, and inspire you to change the world around you.<br>
 </p>

 <!--End of paragraph-->

 <br><br><br><br><br>

 <label><h2>Comment Below:</h2></label><br>


 <!--The <textarea> tag creat a field for the user to write a large amount of data-->
 <textarea rows="8" cols="80">

 </textarea>
 <button>Comment...</button>

  </body>
</html>


Comments

Popular posts from this blog

Activation of Microsoft Office 2013