HTML-CSS-Homework/week1/3-website/index.html at ca03c10d03101dbf0a8093ef94f4525816a600ac · CodeYourFuture/HTML-CSS-Homework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>My Blog</title>
    <link href="//fonts.googleapis.com/css?family=Roboto:400,500,300" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
  </head>
  <main class="container">
    <header>
      <h1 class="topic"> My Coding Brag Blog </h1>
      <menu class="nav">
        <nav id="navigation">
          <a class="link" href="#Intro"> Pre-Bootcamp </a>
          <a class="link" href="#Start"> Drop-in Sessions </a>
          <a class="link" href="#Fundamentals"> Fundamentals </a>
          <a class="link" href="#FullStack"> Full Stack Web Dev </a>
        </nav>
    </header>
    <section class="pre">
      <h2>Tech Passion and Quest</h2>
      <p> <img class="profile-image" src="https://pbs.twimg.com/profile_images/1218723944443891712/2KB9GnZv_400x400.jpg"
        alt="Profile picture"> Welcome to my first blog ever! Yay!!! Well, I have always had a passion for technology.
        My quest for developing my skills prompted me to attend a few paid trainings. But with no mentor, no
        proper structure of learning, no road map for personal development, my focus always
        shifted away for a couple of reasons including lack of direction and no support. My passion meant I
        followed a few trainers on YouTube but I self learning is always going to be a challenge.
        But then I was pretty fortunate to have my wife's friend, a Software Developer, introduced me to Code Your
        Furure Bootcamp. <br>
        So, below is a summary of the study path so far and the journey ahead. Hope you have fun!!!
      </p>
      <div class="social">
        <ul>
          <li> <i class="fa fa-facebook"></i> </li>
          <li> <i class="fa fa fa-twitter"></i> </li>
          <li> <i class="fa fa fa-google"></i> </li>
          <li> <i class="fa fa fa-linkedin"></i> </li>
        </ul>
      </div>
    </section>
    <section>
      <article class="prelim">
        <h2 id="Intro"> Pre-Bootcamp</h2>
        <h3> Pre-Selection</h3>
        <h3>First; was the completion of the basic tutorials on:</h3>
        <ul>
          <li>HTML using SoloLearn App</li>
          <li>CSS tutorial on SoloLearn App</li>
        </ul>
        <a class="weblink" href="https://www.sololearn.com/">This is SoloLearn link</a> <br>
        <img class="solo" src="https://i.ytimg.com/vi/4HpAujV1OOc/maxresdefault.jpg" alt="Sololearn logo">
      </article>
    </section>
    <section class="drop">
      <article class="drop-in">
        <h2 id="Start">Drop-in Sessions</h2>
        <h3>Meet-ups to build on basics skills on;</h3>
        <ul>
          <li>HTML using FreeCodeCamp</li>
          <li>CSS using FreeCodeCamp</li>
        </ul>
        <a class="weblink" href="https://www.freecodecamp.org/osagie">This is FreeCodeCamp link</a>
        <img class="codepen" src="https://i1.wp.com/sevenseasmedia.org/wp-content/uploads/2017/05/listing-codepen-logo.jpg?ssl=1" alt="Codepen logo">
        <h3>Projects:</h3>
        <ol>
         <li>Product Landing Page</li>
         <li>Tribute page</li>
        </ol>
      </article>
    </section>
    <section class="fundaments">
      <article class="coursestart">
        <h2 id="Fundamentals">Fundamentals</h2>
        <h3> Introduction to Programming</h3>
        <img class="codeorg" src="https://www.museumofaviation.org/wp-content/uploads/2018/08/pasted-image-0-4.png" alt="Code.org logo">
        <ul>
          <li>Algorithm learning on Code.org</li>
          <li>Basic JavaScript using ProcessingJS</li>
          <li>Learning How to Learn - Coursera PD Tutorials</li>
        </ul>
        <a class="weblink" href="https://www.khanacademy.org/computing/computer-programming/programming">This is my Khan Academy link</a>
      </article>
    </section>

    <section class="full">
      <article class="fulldev">
        <h2 id="FullStack">Full Stack Web Development</h2>
        <h3>The eight-month course covers:</h3>
        <img class="capgemini" src="https://img.youtube.com/vi/kTlvxuuRWdE/0.jpg" alt="Capgemini logo">

        <ul>
          <li>Advanced HTML</li>
          <li>Advanced CSS (this is where we are at the time of this blog)</li>
          <li>JavaScript</li>
          <li>Front-end development using ReactJS</li>
          <li>Back-end development using NodeJS</li>
        </ul>
       <a class="weblink" href="https://github.com/osagiestar">This is my Github link</a>
      </article>
    </section>

    <footer id="footer">
      <img class="cyf_logo" src="https://www.pngkey.com/png/full/20-206722_logo-code-your-future-logo.png" alt="CodeYourFuture logo">
      <p class="copyright">© <em>Osagiestar 2020</em> CYF Birmingham</p>

    </footer>
  </main>

</html>