alyh.github.io/about.html at master · alyh/alyh.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
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Aly Hassan: profile, interests and relevant links.">
    <meta name="author" content="Aly Hassan">

    <title>Aly Hassan - About</title>

    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
    <link rel="manifest" href="site.webmanifest">
    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
    <meta name="apple-mobile-web-app-title" content="Aly Hassan">
    <meta name="application-name" content="Aly Hassan">
    <meta name="msapplication-TileColor" content="#ffc40d">
    <meta name="theme-color" content="#ffffff">

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- style sheet -->
    <link href="css/main-style.css" rel="stylesheet">
    <link href="css/about-style.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-L0JELEKBDN"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-L0JELEKBDN');
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-169015472-1"></script>

</head>

<body>
    <!-- Navigation -->
    <nav class="navbar fixed-top navbar-expand-sm navbar-light">
        <div class="container navbar-container">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.html"><span class="d-sm-inline">aly hassan</span></a>
            </div>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav ml-auto">
                  <li class="nav-item active">
                        <a class="nav-link" href="about.html">about</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="work.html">work</a>
                    </li>
                     <li class="nav-item">
                        <a class="nav-link" href="resume.html">resume</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Page Content -->
    <div>

        <div class="container">
            <div class="intro container">
                <div class="row">
                    <div class="col-md-7">
                        <h1 class="about-header">about me</h1>
                        <h2 class="about-caption">I'm an engineer currently living in Toronto. I'm passionate about design, data, art, and materials. In my free time I enjoy calligraphy, squash, euchre, and cooking.<br><br>You can find me on:</h2>
                        <div class="find-me">
                            <a class="find-me-link" href="https://www.linkedin.com/in/alyhassan1/"><i class="fa fa-linkedin"></i>&nbsp;&nbsp;Linkedin &rarr;</a>
                            <br><a class="find-me-link" href="https://github.com/alyh"><i class="fa fa-github"></i>&nbsp;&nbsp;GitHub &rarr;</a>
                            <br><a class="find-me-link" href="https://twitter.com/alyyhsn"><i class="fa fa-twitter"></i>&nbsp;&nbsp;Twitter &rarr;</a><br><br>
                        </div>
                    </div>
                    <div class="col-md-5"><img src="images/me.jpg" style="width:100%;padding-right:20px;"></div>
                </div>
            </div>
        </div>

        <section class="about-cover">
            <div class="wrapper container"></div>
        </section>
         <section class="spacer-cover container">
             <div class="inner-spacer-container container"></div>
            <div class="container wrapper"></div>
        </section>
        <section class="more-about-cover container">
            <div class="more-about container">
                <h1 class="about-header">things that inspire me</h1>
                <div class="row inspire-me">
                    <div class="col">
                        <a class="inspire-me-link" href="https://www.poetryfoundation.org/poems/148505/o-sweet-spontaneous-5bf31932ce110">E. E. Cumming's <em>O Sweet Spontaneous</em> poem&nbsp;&rarr;</a><br>
                        <a class="inspire-me-link" href="https://mudandlotus.blogspot.com/2010/07/divers-clothes-lying-empty.html">Rumi's <em>The Diver's Clothes Lying Empty</em> poem&nbsp;&rarr;</a><br>
                        <a class="inspire-me-link" href="https://www.wnycstudios.org/podcasts/anthropocene-reviewed">John Green's <em>The Anthropecene Reviewed</em> podcast&nbsp;&rarr;</a><br>
                        <a class="inspire-me-link" href="https://en.wikipedia.org/wiki/Islamic_geometric_patterns">Arabesque decorations and Islamic geometric patterns&nbsp;&rarr;</a><br>
                        <a class="inspire-me-link" href="https://en.wikipedia.org/wiki/The_Picture_of_Dorian_Gray">Oscar Wilde's <em>The Picture of Dorian Gray</em> novel&nbsp;&rarr;</a><br>
                        <a class="inspire-me-link" href="https://www.poetryfoundation.org/poems/48985/phenomenal-woman">Maya Angelou's <em>Phenomenal Woman</em> poem&nbsp;&rarr;</a><br>
                        <a class="inspire-me-link" href="https://artsandculture.google.com/theme/colorful-calaveras-for-the-day-of-the-dead/TQJyS0dYYCYCIw">Mexican <em>Calavera</em> art&nbsp;&rarr;</a><br>
                    </div>
                </div>
            </div>
        </section>
         <section class="spacer-cover-2 container">
             <div class="inner-spacer-container-2 container"></div>
            <div class="container wrapper"></div>
        </section>
        <section class="other-cover">
            <div class="wrapper container justify-content-center">
                <div class="row justify-content-center">
                    <div style="position:absolute;bottom:20px;">
                        <p class="text-center" style="color:white;font-weight: 300">
                            Copyright &copy; Aly Hassan <script>document.write(new Date().getFullYear())</script></p>
                    </div>
                </div>
            </div>
        </section>

    </div>
    <!-- /.container -->


    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

</body>

</html>