Blog/index .html at master · FaithTechie/Blog · 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE HTML>
<html lng="en-US">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>My Blog</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <script src="JS demo.js"></script>
</head>

<body>
       <!--header start -->
           <div id="header" class="section">
<img src="./faith1.jpg" class="img-circle">
               <p><I>Faith Nsikak</I></p>
            </div>
       <!--img header end-->

<hr/>

           <!--This is a video-->
        <object data="The Ugly Duckling - HCA - The Fairytaler.mp4"></object>
          <!-- This is the end of the video !-->

          <fieldset>
              <article>
                  <h1 id="intro">SPORT ARTICLE</h1><br />
                  <section><h1 class="first">Basket Ball</h1>
                  Basketball unlike football, is a game played using ur hands.<br />
                </section>
              </article>
          </fieldset>

                <!-- About me section start-->
                <div class="section" >
                    <h1><span>About Me</span></h1>
            <P id="demo" class="cursive">
                Hey! I'm <strong>Faith</strong>.Coding has changed my world. It's not just about apps. Learnig to code
                gave
                me <i>problem-solving skills</i> and a way to <ins>communicate</ins> with others on a technical level.<br /> I can
                also develope websites and use my coding skills to get a better
                job. And i learned it all at DLCF ICT tutorial class ORGANIZED by <FONT color="yellow">
                    <Bold><i>DANIEL ADEPOJU</i></Bold>
                </FONT>
                and <strong>SoloLearn</strong> <br />
                where they build your self-esteem and keep you motivated. Join me in this rewarding journey. You'll
                have
                fun, get help, and learn along the way!
            </P>
            <p class="quote">"Declare variables, not war"</p>
        </div>
             <!-- About me section end -->

             <!--My Schedule section start-->
    <div class="section">
        <h1><span>My coding Schedule</span></h1>
    <table>
        <tr>
            <th>Day</th>
            <th>Mon</th>
            <th>Tue</th>
            <th>Wed</th>
            <th>Thur</th>
            <th>Frid</font></th>
            </tr>
            <tr>
                <td>8-8:30</td>
                <td class="selected">Learn</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>9-10</td>
                <td></td>
                <td class="selected">Practice</td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>1-1:30</td>
                <td></td>
                <td></td>
                <td class="selected">Play</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>3:45-5</td>
                <td></td>
                <td></td>
                <td></td>
                <td class="selected">Code</td>
                <td></td>
            </tr>
            <tr>
                <td>6-6:15</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td class="selected">Discuss</td>
            </tr>
        </table>
    </div>
<!--My Schedule setion end-->

<!--My skills section starts-->
<div class="section">
    <h1><span>My Skills</span></h1>
    <ul>
        <li>HTML <br /> <progress min="0" max="100" value="80"></progress></li>
        <li>CSS <br /> <progress min="0" max="100" value="50"></progress></li>
        <li>JavaScript <br /> <progress min="0" max="100" value="60"></progress></li>
        <li>React <br /> <progress min="0" max="100" value="30"></progress></li>
    </ul>
</div>
     <!--My Skills Section end-->

         <!-- Media section start -->
<div class="section">
     <h1><span>My Media</span></h1>
     <iframe height="150" width="300" src="http://www.youtube.com/embed/Q6_5InVJZ88"
     allowfullscreen frameborder="0"></iframe>
</div>
<!-- Media section end-->

                  <!--form section start-->
<div class="section" align="center">
    <h1><span>Contact Me</span></h1>
    <form action="my_data.php" method="POST" target="_blank">
        <input name="name" type="text" placeholder="name:" required="required" /><br />
        <input name="email" type="email" placeholder="email:" required="required"/><br />
        <textarea name="message" placeholder="Enter Text:" required="required" maxlength="100" rows="5" cols="50"></textarea><br />
        <input type="submit" value="SEND" class="submit"  />
    </form>
</div>
<!-- Form section end-->

<!--Contacts section start -->
<div class="section" id="contacts">
    <h1><span>Follow Me</span></h1>
    <div>
        <a
        href="https://www.sololearn.com/" target="_blank">
    <img alt="SoloLearn" src="https://www.sololearn.com/Uploads/icons/sololearn.png" />
    </a>
    <a href="#">
<img alt="Facebook" src="https://www.sololearn.com/Uploads/icons/facebook.png"/>
    </a>
    <a href="#">
        <img alt="Twitter"
        src="https://www.sololearn.com/Uploads/icons/twitter.png" />
    </a>
    </div>
</div>
<!-- Contacts section end -->
            <marquee>
        God is good ! God is great!learnthis:express.js
    </marquee>
    <div class="copyright">
        &copy; 2019 My Blog. All rights reserved.
    </div>
</body>
</html>