code4fun/members.html at master · corn-flour/code4fun · 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
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="css/style1.css"/>
    <link rel="stylesheet" type="text/css" href="css/stylemembers.css"/>
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Concert+One" rel="stylesheet">
    <title>Our Members</title>
</head>

<body>
	<nav>
        <a class="logo" href="index.html"><img src="images/logoplaceholder.png" alt="logo"/></a>
        <a href="index.html#aboutus">About us</a>
        <a href="articles.html">Articles</a>
        <a class="selected" href="members.html">Members</a>
        <a href="activities.html">Activities</a>
        <a href="contact.html">Contact us</a>
        <a href="join.html">Join us</a>
	</nav>

    <main>
        <div id="main">
        <h1>Our Team</h1>
        <hr class="decoline">
        <div id="memberlist">
            <div class="line">
                <div class="cell">
                    <div class="imgbox"><a href="prashan.html"><img class="imgcell" src="images/prashan.png" alt="Prashan Malla"/></a></div>
                    <h3 class="name">Prashan Malla</h3>
                    <h4 class="title">President</h4>
                </div>
                <div class="cell">
                    <div class="imgbox"><a href="amir.html"><img class="imgcell" src="images/amir.png" alt="Amir Pourjabbari"/></a></div>
                    <h3 class="name">Amir Pourjabbari</h3>
                    <h4 class="title">Vice President</h4>
                </div>
                <div class="cell">
                    <div class="imgbox"><a href="anh.html"><img class="imgcell" src="images/anh.png" alt="Anh Pham"/></a></div>
                    <h3 class="name">Anh Pham</h3>
                    <h4 class="title">Vice President, Treasurer</h4>
                </div>
            </div>
            <div class="line">
                <div class="cell">
                    <div class="imgbox"><a href="xhoel.html"><img class="imgcell" src="images/xhoel.png" alt="Xhoel Xhaferi"/></a></div>
                    <h3 class="name">Xhoel Xhaferi</h3>
                    <h4 class="title">Secretary</h4>
                </div>
                <div class="cell">
                    <div class="imgbox"><a href="renisha.html"><img class="imgcell" src="images/renisha.png" alt="Renisha Rauniyar"/></a></div>
                    <h3 class="name">Renisha Rauniyar</h3>
                    <h4 class="title">Human Resource Manager</h4>
                </div>
                <div class="cell">
                    <div class="imgbox"><a href="harry.html"><img class="imgcell" src="images/harry.png" alt="Huy Anh Nguyen"/></a></div>
                    <h3 class="name">Huy Anh Nguyen</h3>
                    <h4 class="title">Content Maker</h4>
                </div>
            </div>
            <div class="line">
                <div class="cell">
                    <div class="imgbox"><a href="loc.html"><img class="imgcell" src="images/loc.png" alt="Bao Loc"/></a></div>
                    <h3 class="name">Bao Loc</h3>
                    <h4 class="title">Content Maker</h4>
                </div>
                <div class="cell">
                    <div class="imgbox"><a href="jennifer.html"><img class="imgcell" src="images/jennifer.png" alt="Jennifer Lazo"/></a></div>
                    <h3 class="name">Jennifer Lazo</h3>
                    <h4 class="title">Content Maker</h4>
                </div>
                <div class="cell">
                    <div class="imgbox"><a href="dat.html"><img class="imgcell" src="images/dat.jpeg" alt="Dat Quach"/></a></div>
                    <h3 class="name">Dat Quach</h3>
                    <h4 class="title">Content Maker</h4>
                </div>
            </div>
        </div>
        </div>
    </main>
    <footer>
            <div class="footer-wrapper">
                <aside>
                    <div class="the-address-wrapper">
                        <h3><strong>ADDRESS</strong></h3>
                        <div>
                            <strong>FDU Vancouver's Code4Fun</strong>
                            <br>
                            Fairleigh Dickinson University Vancouver Campus
                            <br>842 Cambie Street, Vancouver, B.C, V6B2P6
                        </div>
                    </div>
                </aside>
                <aside>
                    <h3><strong>FOLLOW US</strong></h3>
                    <div class="social-media">
                        <a href="#" target="_blank" style="font-size: 20px; padding: 3px; color: black"><i class="fab fa-twitter"></i></a>
                        <a href="#" target="_blank" style="font-size: 20px; padding: 3px; color: black;"><i class="fab fa-instagram"></i></a>
                        <a href="#" target="_blank" style="font-size: 20px; padding: 3px; color: black;"><i class="fas fa-envelope"></i></a>
                    </div>
                    <div class="trademark" style="font-size: 15px;">© 2018 Code4Fun Club at FDU Vancouver</div>
                </aside>
                <aside>
                    <h3><strong>CONTACT US</strong></h3>
                    <div>Anh Pham: (778)-751-7243</div>
                    <div>Prashan Malla: (604)-250-9162</div>
                </aside>
            </div>
        </footer>
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>
</html>