-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (159 loc) · 7.35 KB
/
index.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
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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
DT<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ProjectDTS-H3</title>
<link rel="stylesheet" href="Styles/main.css">
<link rel="stylesheet" href="Styles/animate.css">
<link rel="stylesheet" href="Styles/responsive1.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>
<!-- header -->
<header>
<div class="container">
<div class="header-left">
<img class="logo" src="Images/Logo DTS-H3-WHITE-02.png">
</div>
<a href="#" class="menu-icon">
<span class="fa fa-bars"></span>
</a>
<div class="header-right">
<a href="#Home">Home</a>
<a href="#Profile">Profile</a>
<a href="#About">About Us</a>
</div>
</div>
</header>
<div class="top-wrapper" id="Home">
<div class="container">
<h1>Digitalent Scholarship</h1>
<h1>Berkembang Bersama DTS</h1>
<p>DTS adalah Program Pemerintah untuk mencetak manusia bertalenta</p>
<p>Ayo bergabung bersama DTS, dan jadilah bagian dari keluarga kami.</p>
<div class="btn-wrapper">
<p>
Join With Us
</p>
<a href="#" class="btn facebook"><span class="fa fa-facebook"></span>Daftar dengan Facebook</a>
<a href="#" class="btn twitter"><span class="fa fa-twitter"></span>Daftar dengan Twitter</a>
</div>
</div>
</div>
<div id="Profile">
<div class="profile-wrapper">
<div class="container">
<div class="heading">
<h2>TEAM H-3 DTS</h2>
</div>
<div class="profiles">
<div class="profile animated fadeInRight delay-2s">
<div class="profile-icon">
<img src="Images/Gatan 720x720.jpg" style="width:150px;height:150px;">
<p class="nama">Gatan</p>
<p class="txt-contents">As our Software Engineer, Gatan has been involved in developing many features.
</p>
</div>
</div>
<div class="profile animated fadeInRight delay-2s">
<div class="profile-icon">
<img src="Images/pristi 720x720.jpg" style="width:150px;height:150px;">
<p class="nama">Pristi</p>
<p class="txt-contents">Pristi was Digital Imaging Specialist before she switched role to UI/UX Designer.
</p>
</div>
</div>
<div class="profile animated fadeInRight delay-2s">
<div class="profile-icon">
<img src="Images/ricky 720x720.jpg" style="width:150px;height:150px;">
<p class="nama">Ricky</p>
<p class="txt-contents">Ricky is our Front-end Engineer, who was involved in creating a new architecture for this web. </p>
</div>
</div>
<div class="profile animated fadeInRight delay-2s">
<div class="profile-icon">
<img src="Images/yoga 720x720.jpg" style="width:150px;height:150px;">
<p class="nama">Yoga</p>
<p class="txt-contents"> Yoga is our Lead Agile Coach who is responsible for facilitating the engineering-product team.
</p>
</div>
</div>
<div class="profile animated fadeInRight delay-2s profile-tablet">
<div class="profile-icon">
<img src="Images/Ramzil 720x720.jpg" style="width:150px;height:150px;">
<p class="nama">Ramzil</p>
<p class="txt-contents">Ramzil is responsible for our final product’s quality. He helps the team identify any problem early.
</p>
</div>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
</div>
<!-- Extra -->
<div class="container" id="About">
<div class="extra2">
<!-- form Extra 1 -->
<div class="extraflex">
<form>
<h2>Get In Touch</h2>
<div class="form-item">
<p>Name</p>
<input type="text" name="name" id="name" placeholder="Your Name">
<p>Email</p>
<input type="email" name="email" id="email" placeholder="[email protected]">
<p>Message</p>
<textarea name="" id="" cols="30" rows="10" placeholder="Message"></textarea>
</div>
<button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
<!-- akhir form -->
<!-- social media Extra 2 -->
<div class="extraflex">
<div class="social-media">
<h2>Follow Us!</h2>
<div class="sosmed">
<div class="sosmed-item">
<img src="https://1.bp.blogspot.com/-nnEWJXTOv3k/XqA6IFcJNBI/AAAAAAAAEoE/oBNc7XN-qIQCBJMsQ9b9bMkCOhR5ixEIACLcBGAsYHQ/s1600/102912-ON57CB-27323ee.png">
<p>Instagram</p>
</div>
<div class="sosmed-item">
<img src="https://1.bp.blogspot.com/-d7yxVqkXO7s/XqA6IPGio-I/AAAAAAAAEoA/9JO12EGGWBInU7lsD2ThDhx1b0hzbX17gCLcBGAsYHQ/s1600/102912-ON57CB-ew.png">
<p>Twitter</p>
</div>
<div class="sosmed-item">
<img src="https://1.bp.blogspot.com/-s1d3Zjgi3s4/XqA6HyL-F5I/AAAAAAAAEn8/sDWP-BLmmo4VzwQ7hyCJVXawUKtZRT11gCLcBGAsYHQ/s1600/102912-ON57CB-ww33.png">
<p>LinkedIn</p>
</div>
<div class="sosmed-item">
<img src="https://1.bp.blogspot.com/-CHcPIsrhupg/XqBWft1aizI/AAAAAAAAEoc/Pd_En9vFYaED1oj1QT9a_M3fqVZxOf0GwCLcBGAsYHQ/s1600/102912-ON57CB-273.png">
<p>YouTube</p>
</div>
</div>
</div>
</div>
<!-- akhir social -->
</div>
</div>
<!-- End Extra -->
<footer>
<div class="container">
<img class="footer-logo" src="Images/Logo DTS-H3-WHITE-02.png">
<div class="footer-list">
<ul>
<li>About Group</li>
<li>Features</li>
<li>Contact Information</li>
</ul>
<div class="copyright">
<p align="center">Copyright @ 2020</p>
<p align="center">Creator DTS-H3</p>
</div>
</div>
</div>
</footer>
</body>
</html>