HTML-Study-Group/myself.html at master · gharnie/HTML-Study-Group · 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html>
    <head>

        <meta name="viewport">

        <title>ABOUT MYSELF</title>

        <link rel="stylesheet" href="ass.css">

    </head>

    <body style="background-color: cornsilk;">

        <h1 style="background-color: darkgrey; text-align: center;">ABOUT  GHARNIE</h1>

        <nav>
            <div class="main-nav">
                <a href="#ABOUT">ABOUT</a><br>
                <a href="#EDUCATION">EDUCATION</a><br>
                <a href="#CONTACTS">CONTACTS</a><br>
                <a href="#list1">ORDERED LIST</a><br>
                <a href="#list2">UN-ORDERED LIST</a>


            </div>
        </nav>
        <div class="about">
            <h1 style="font-size: medium; background-color: rgb(108, 165, 42); text-align: center; font-family: Arial, Helvetica, sans-serif;" >About Myself</h1>
            <p> <a name="ABOUT"></a> I am Ganiyu Bamigbopa A.K.A Gharnie. i am a well devoted person, God fearing, respectful
                and by the grace of God, i am humble.
                i can keep mute for a whole lot of time but still i try to relate with people.
                During my relationship with people, i like to observe a lot before i get more acquainted
                I like to have my space a lot so i can think of what next to do,
                achieve my goals and of course for self development in the areas that have chosen.
                Yes, i like to have my space but at the same time,
                I like to be in the midst of like minded. I belive By so doing, goal achievement
                would be quick and easier. Having to be among like minded fellows help me to be able to share
                my feelings better.

                <p><img src="me.jpg" width="50%"></p>

                <!--for the purpose of the navtag-->
                <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum
                </p>

            </p>
        </div>

        <div class="ecducation">

            <h1 style="font-size: medium; background-color: rgb(42, 165, 118); text-align: center; font-family: Arial, Helvetica, sans-serif;">EDUCATION</h1>
            <P><a name="EDUCATION"></a> This part would basically be talking about my education, right from primary up until uni.
                educational career,
                the things i did in school, the kind of friends i chose, associations i joined,
                worst moment in school, best friend, worst friend and many more
                So, starting with, i went to pathfinder as my elementary school. It was a whole lot of fun
                i used to be young and stupid. i fought a lot but most time i'm beaten, so annoying but still
                we had to move! My high school was kinna messy but i thank God we made it. i used to keep good
                friends anyways but i play football a whole, that was my hobby not even reading. You can imagine!
                i joined boysscout, redcross, icpc yet, i dont attend meetings well. In my third year, i started
                i had sense, so, i stopped some irrelevances so to focus on reading for the comig exam[waec]
                Thank God we made it into the Uni thogh it is a polytechnic YABATECH
                 SO, that is it about education section
            </P>


            <!--for the purpose of the navtag-->
            <p>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum
                </p>

        <div class="contacts">
            <h1 style="font-size: medium; background-color: blue; text-align: center; font-family: Arial, Helvetica, sans-serif;">CONTACTS</h1>
            <p>So, you can directly reach me on whatsapp:</p>
            <p><a href="htpp://wa.me/09028547551">09028547551</a></p>

            <p>on facebook</p>
            <a href="http://facebook.com/bamigbopa.ganiyu://">click to go facebook</a>

        </div>

        <div class="ordered-list">

            <h1 style="font-size: medium; background-color: rgb(142, 165, 42); text-align: center; font-family: Arial, Helvetica, sans-serif;" >FEW THINGS I LIKE</h1>

            <ol><a name="list"></a>

                <li>SONGS</li>
                <li>EATING</li>
                <li>MOVIES</li>
                <li>STUDYING</li>

                <!--for the purpose of the navtag-->
                <P>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam esse eveniet provident, autem quibusdam corrupti amet fugit a quae! Aliquid tempora assum

V                </P>
            </ol>

        </div>

        <div class="unordered-list">

            <h1 style="font-size: medium; background-color: brown; text-align: center; font-family: Arial, Helvetica, sans-serif;">FEW THINGS I DO NOT LIKE</h1>

            <ul><a name="list2"></a>

                <li>TALKING TOO MUCH</li>
                <li>KEEPING SO MANY FRIENDS</li>
                <li>DANCING</li>
                <li>FOOTBALL</li>

            </ul>

        </div>

        <div class="main footer">

            <footer>
                <p>Copyright &copy; 2021 my website</p>
            </footer>
        </div>

    </body>
</html>