-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
114 lines (112 loc) · 5.08 KB
/
about.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/teamaei.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>The TeamAei - About</title>
</head>
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar ta-purple w3-card">
<a href="index.html" class="w3-bar-item w3-button w3-padding-large ta-logo">TeamAei</a>
<a href="about.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">About</a>
<a href="vlog.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">Vlog</a>
<a href="https://www.facebook.com/TheTeamAei/" class="w3-right w3-bar-item w3-button"><i class="fa fa-facebook-official"></i></a>
<a href="https://www.instagram.com/theteamaei/" class="w3-right w3-bar-item w3-button"><i class="fa fa-instagram"></i></a>
<a href="https://www.youtube.com/TeamAei" class="w3-right w3-bar-item w3-button"><i class="fa fa-youtube-play"></i></a>
</div>
</div>
<div class="w3-card w3-white" style="margin-top: 50px;">
<div class="w3-row-padding">
<h2 class="w3-padding ta-purple">About</h2>
</div>
<div class="w3-row-padding" style="padding-bottom: 50px;">
<div class="w3-half">
<div class="w3-white w3-card w3-padding">
<div class="w3-container w3-padding ta-purple">
<h4>Our Organization</h4>
</div>
<p>TeamAei contents are all about travel, games, food and music. Here you can travel contents from our experience in both local and abroad,
game video blog from different types of video game we played from FPS, MMORPG, RTS and more, music posts where we do covers from different
artist we idolized and food video blog where we share our experience in places we eat.</p>
</div>
<div class="w3-card w3-white w3-padding">
<div class="w3-container w3-padding ta-purple">
<h4>The Members</h4>
</div>
<ul class="w3-ul w3-hoverable w3-white">
<li class="w3-padding-16">
<img src="images/default-user-logo.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">James</span>
<br>
<span>TA.Aeidus</span>
</li>
<li class="w3-padding-16">
<img src="images/default-user-logo.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Genessa</span>
<br>
<span>TA.Aeirys</span>
</li>
<li class="w3-padding-16">
<img src="images/default-user-logo.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Darren</span>
<br>
<span>TA.ShirasE</span>
</li>
<li class="w3-padding-16">
<img src="images/default-user-logo.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Paola</span>
<br>
<span>TA.Mitsuha</span>
</li>
<li class="w3-padding-16">
<img src="images/default-user-logo.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Ish</span>
<br>
<span>TA.Aeifas</span>
</li>
<li class="w3-padding-16">
<img src="images/default-user-logo.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Wayne</span>
<br>
<span>TA.Tadsumaki</span>
</li>
<li class="w3-padding-16">
<img src="images/default-user-logo.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Arian</span>
<br>
<span>TA.Khane</span>
</li>
<li class="w3-padding-16">
<img src="images/default-user-logo.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Joyce</span>
<br>
<span>Juys</span>
</li>
</ul>
</div>
</div>
<div class="w3-half">
<div class="w3-white w3-card w3-padding">
<div class="w3-container w3-padding ta-purple">
<h4>Our Logo</h4>
</div>
<div class="w3-card-8">
<img src="images/tta-about.png" style="width:100%">
</div>
</div>
</div>
</div>
</div>
<div class="w3-container ta-purple w3-margin-top ta-footer">
<p class="w3-small">Powered By TeamAei © Copyright 2020 of TeamAei All Rights Reserved.
<span class="w3-small w3-right w3-bar-item w3-padding-small"><strong>build 2.0.3</strong></span></p>
</div>
</body>
</html>