userinterface3/team.html at master · buildpartyplanner/userinterface3 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Party Planner: Meet Our team</title>
    <link rel="stylesheet" type="text/css" media="screen" href="./CSS/index.css" />


</head>
<body>
    <script defer="defer" src="./components/tabs/team-tabs.js"></script>
    <script defer="defer" src="./components/tabs/navtabs.js"></script>

    <header class="navigation">
        <h1>PARTY PLANNER</h1>
        <nav class="nav-header">
            <a href="index.html">About</a>
            <a href="parties.html">Our Parties</a>
            <a href="team.html" class="nav-a-selected">Our Team</a>
            <a class = "login" href="#">Login</a>
        </nav>
    </header>
    <div class="container">
        <div class="tab-row-team">
            <div class="tab-team" data-tab="Team Lead">
                Team Lead
            </div>

            <div class="tab-team" data-tab="Front-End Architects">
                Front-End Architects
            </div>

            <div class="tab-team" data-tab="Back-End Architect">
                Back-End Architect
            </div>

            <div class="tab-team" data-tab="Web UI">
                Web UI
            </div>
        </div>

        <div class="team-box">
                <div class="team-profiles" data-tab="Team Lead">
                    <h2>Team Lead</h2>
                    <div class="team-member">
                        <img src="./assets/images/team_profile_images/jeff.png" alt="Jeff">
                        <div class="team-member-text">
                                <h3>Jeffrey Kang</h3>
                                <p>Team Lead</p>
                                <p><a href="https://github.com/jeffyjkang" target="_blank">Github Page</a></p>
                        </div>

                    </div>
                </div>

                <div class="team-profiles" data-tab="Front-End Architects">
                    <h2>Front-End Architects</h2>

                    <div class="team-member">
                        <img src="./assets/images/team_profile_images/anthony.jpeg" alt="Tony">

                        <div class="team-member-text">
                                <h3>Tony Nyagah</h3>
                                <p>Front-End Architect</p>
                                <p><a href="https://github.com/antonynyagah" target="_blank">Github Page</a></p>

                        </div>

                    </div>

                    <div class="team-member">
                        <img src="./assets/images/team_profile_images/jim.png" alt="Jim">
                        <div class="team-member-text">
                                <h3>James Blazer</h3>
                                <p>Front-End Architect</p>
                                <p><a href="https://github.com/jblazer1" target="_blank">Github Page</a></p>

                        </div>

                    </div>

                </div>

                <div class="team-profiles" data-tab="Back-End Architect">
                    <h2>Back-End Architect</h2>

                    <div class="team-member">
                        <img src="./assets/images/team_profile_images/jon.jpeg" alt="Jonathan">

                        <div class="team-member-text">
                                <h3>Jonathan Dorety</h3>
                                <p>Back-end architect</p>
                                <p><a href="https://github.com/kyullog" target="_blank">Github Page</a></p>
                        </div>

                    </div>

                </div>

                <div class="team-profiles" data-tab="Web UI">
                        <h2>Web UI</h2>
                        <div class="team-member">
                                <img src="./assets/images/team_profile_images/ihab.jpeg" alt="">

                                <div class="team-member-text">
                                        <h3>Ihab Ali</h3>
                                        <p>Web UI Developer</p>
                                        <p><a href="https://github.com/h0o0bA" target="_blank">Github Page</a></p>
                                </div>

                        </div>
                        <div class="team-member">
                                <img src="./assets/images/team_profile_images/jake.jpeg" alt="">
                                <div class="team-member-text">
                                        <h3>Jake Anderson</h3>
                                        <p>Web UI Developer</p>
                                        <p><a href="https://github.com/jzanderson09" target="_blank">Github Page</a></p>
                                </div>

                        </div>
                        <div class="team-member">
                                <img src="./assets/images/team_profile_images/arthur.jpeg" alt="">
                                <div class="team-member-text">
                                        <h3>Arthur J. Lei</h3>
                                        <p>Web UI Developer</p>
                                        <p><a href="https://github.com/arturolei" target="_blank">Github Page</a></p>
                                </div>

                        </div>
                </div>
        </div>

    </div>
    <footer>
            <p class="copyright">Copyright Party Planners 2019</p>
    </footer>
</body>
</html>