brayan/index.html at main · opiyobrayan/brayan · 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
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content ='width=device-width, initial-scale=1.0'>
        <title> Student Website Design</title>
        <link rel="stylesheet" href="style.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700;900&display=swap"
        rel="stylesheet">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    </head>
    <body>
        <section class="header">
            <nav>
                <a href="index.html"><img src='tuk logo.jpg'></a>
                <div class="nav-links" id ='navLinks'>
                    <i class="fa fa-times" onclick="hidemenu()"></i>
                    <ul>
                        <li><a href='index.html'>HOME</a></li>
                        <li><a href='about.html'>ABOUT</a></li>
                        <li><a href='project.html'>PROJECTS</a></li>
                        <li><a href='contact.html'>CONTACT</a></li>
                    </ul>

                </div>
                <i class="fa fa-bars" onclick="showmenu()"></i>
            </nav>
            <div class="text-box">
                <h1>I am BRAYAN OPIYO</h1>
                <br>
                <a href='http://localhost:8888/notebooks/Downloads/Untitled15.ipynb'> my pyter</a>
                <p>I am so passionate in mathematics,and programmmig. Linking  mathematics concept to program
                    has become my l]field of study for so long. Geting to know more concept day by day has
                    motivated me to explore further.
                </p>
                <!-- <iframe src="https://trinket.io/embed/python/a79ee216d7" width="100%" height="400"
                frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe> -->
                <br>
                <a href="about.html" class="hero-btn"> You want to know more about me?</a>
            </div>

        </section>

        <!-- about page -->
        <section  class="about">
            <h1>Mathematics and Data</h1>
            <p>
                Combining maths and Data is very intresting.
                <br>
                <br>
                In this section, I will introduce you to what I believe in, my relationship with maths
                and data, and ofcourse about myself

                <br>
                <br>

                Aspiring Techprenuer<i class="fa fa-emoji"></i>

            </p>

            <div class="row">
                <div class="about-col">
                    <h3>why Mathematics?</h3>
                    <img src="math1.jpeg">
                    <p>
                        I am Young ambitiuos Kenyan Lady, A Tech Enthiast currently a student in Kenya
                        at Technical University of Kenya, taking a Bachelor of Science in Mathematics
                    </p>
                </div>

                <div class="about-col">
                    <h3>why Explore</h3>
                    <img src="math2.jpg">
                    <p>
                        Have worked with other code Tech sites like Freecode camp, HackkerRank, Andela  Lerning Community<br>
                (GAD's), Stack Overflow.
                    </p>
                </div>

                <div class="about-col">
                    <h3>Is Tech world speeding</h3>
                    <img src="math3.jpg">
                    <p>
                        I think the Tech world is so vast, right now I take a taste of al,ost everything before <br>
                I settle on a particular niche.
                    </p>
                </div>
            </div>

        </section>
        <!-- project page -->
        <section class="project">
            <h1>My projects</h1>
            <p>
                Using mathematics and some programming concept(python), I decided to
                anaylze a site called Hacker News(HN). You will enjoy reading through.
            </p>
            <div class="project-row">
                <div class="about-col">
                    <h3>Exploring Hacker News</h3>
                    <img src="hacker.jpg">
                    <a
                     href="https://nbviewer.org/urls/community.dataquest.io/uploads/short-url/4j1F6Cpzq2Wlhy3plUpfrZAGEBM.ipynb">
                        <p>Hacker News(HN) is a social news website owned by the Y-Combinator that focuses
                         on Computer Science and Entreprenuership. It is a widely read site that focuses
                         on infosec related topics such as hacking news, cyber attacks, computer security
                          among others. It attracts 8 million readers monthly with whom are IT experts,
                          hackers and enthusiasts. With this,we analysed the site's data and come up with
                         the number of posts and comments by hour of post creation, average number
                         points and comments by hour of posting and most read articles.</p>
                    </a>
                </div>
            </div>

        </section>

        <!-- footer -->
        <section class="footer">
            <h3> contact me</h3>
            <p>Please use the media provided below to reach me.</p>
            <div class="icons">
                <a href="">
                <i class="fa fa-facebook"></i>
               </a>
               <a href="">
                <i class="fa fa-twitter"></i>
               </a>
               <a href="">
                <i class="fa fa-linkedin"></i>
               </a>
               <a href="">
                <i class="fa fa-instagram"></i>
              </a>
              <a href="mailto:brayanopiyo@students.tukenya.ac.ke">
                <img src = "email.gif" alta = "staff portal" width ="30"
                height ="30" border ="0" align="absbottom">
              </a>
              <a href="">
                <i class="fa fa-phone"></i>
                +254797743100
             </a>

            </div>

        </section>
        <!-- Java script for toggle menu -->
        <script>
            var navLinks=document.getElementById('navLinks');

            function hidemenu(){
                navLinks.style.right='-200px';

            }
            function showmenu(){
                navLinks.style.right='0';
            }

        </script>
    </body>
</html>