magdalenesuo.github.io/index.html at master · magdalenesuo/magdalenesuo.github.io · 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
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Medozonuo Suohu - Homepage</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">

    <link href="css/style.css" rel="stylesheet">

    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
</head>

<body id="page-top" class="index">
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header page-scroll">
                <a class="navbar-brand" href="#page-top">Medozonuo Suohu</a>
            </div>
        </div>
    </nav>

    <header>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <img class="img-responsive" src="img/profile.png">
                    <div class="intro-text">
                        <span class="name">Medozonuo Suohu</span>
                        <hr class="pup-light">
                        <span class="skills">Student - Beginner Artist - Beginner Guitarist - Otaku -  Dogs - Developer - GSOCer - Foodie</span>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <section id="portfolio">
    <div class="container">
    <div class="row">
        <div class="col-lg-12 text-center">
            <h2>About Me</h2>
            <hr class="star-primary">
        </div>
    </div>
        <div class="row">
                <div class="col-lg-4 col-lg-offset-2">
                    <p>Hi! Welcome to my page. I am an Electronics and Communication student at Indian Institute of Information technology, Allahabad. I'm from Kohima, Nagaland and presently living in Allahabad, Uttar pradesh.
                </div>
                <div class="col-lg-4">
                    <p>I call myself a Developer. I started with development about a year ago along with my first experience in open source, where I started contributing to an organization called <a href="https://fossasia.org/" style="color:#CD5C5C">Fossasia</a>. Now, I am an accepted student developer in Google Summer of Codes under the same organization. Along with my contribution going strong, I do little free lancing here and there aswell.</p>
                </div>
            </div>

    </section>

    <section class="success" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Things I Love</h2>
                    <hr class="star-light">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-lg-offset-2">
                    <p>There are many things I love, like: guitar, arts, ...food....., dogs, talented people ;) and ofcourse Anime. I play the guitar. Some of my looked upon guitarists are Synester Gates, Slash, John Petrucci, Steve Vai, Sung Jung, Angelo Batio, Orianthi Panagris, Kirk Hammett, Dave Mustaine and so many more. I like singing too. :)
                </div>
                <div class="col-lg-4">
                    <p>Apart from development, my hobbies include doodling, painting, cooking, baking and making origami (^_^)b. I can also play a little bit of Piano. And..... If you ask me about Anime, so far I have watched about 250+ different anime and I am still on to it. :)</p>
                </div>
            </div>
        </div>
    </section>


    <footer class="text-center">
        <div class="footer-above">
            <div class="container">
                <div class="row">
                    <div class="footer-col col-md-3">
                        <h3>Find me here Offline</h3>
                        <p>R.No-634, Girls Hostel-3<br>IIIT Allahabad - 211012</p>
                    </div>
                    <div class="footer-col col-md-5">
                        <h3>Find me here Online</h3>
                        <ul class="list-inline">
                            <li>
                                <a href="https://www.facebook.com/medz.magdalene?fref=ts" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
                            </li>
                            <li>
                                <a href="https://www.twitter.com/magdalenesuo" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="mailto:iec2014020@iiita.ac.in" class="btn-social btn-outline"><i class="fa fa-fw fa-envelope"></i></a>
                            </li>
					        <li>
                                <a href="https://instagram.com/magdalenesuo/" class="btn-social btn-outline"><i class="fa fa-fw fa-instagram"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/magdalenesuo" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
                            <li>
                                <a href="https://github.com/magdalenesuo/" class="btn-social btn-outline"><i class="fa fa-fw fa-github"></i></a>
                            </li>

                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>About Medozonuo</h3>
                        <p>Call me the Dumb Asian :></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="scroll-top page-scroll visible-xs visble-sm">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a>
    </div>
</body>
</html>