code4fun/dat.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
<!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/stylename.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>Dat Quach</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 class="member-box">
            <h1>Dat Quach</h1>
            <h2>Content Creator</h2>
            <section class="member-box__info-wrapper">
                <div class="column1"> <img class="face" src="images/dat.jpeg" alt="dat's image"/></div>
                <div class="column2">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <a href="https://www.linkedin.com/in/quachtridat/" target="_blank"><img class="lkin" src="images/linkedin.png" alt="linkedin logo"/></a>
                </div>
            </section>

            <div class="member-box__buttons"> <a href="jennifer.html">Previous</a> <a href="members.html">Members</a> <a href="prashan.html">Next</a></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>