forked from timcreative/udemy-nuk
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
252 lines (236 loc) · 14.5 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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Contest Theme</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/css/bootstrap.min.css">
<link href="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/css/now-ui-kit.min.css?v1.2.0" rel="stylesheet"/>
<link href="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/demo/demo.css" rel="stylesheet">
<style>
.navbar .navbar-nav .nav-link:not(.btn) i.fa{
font-size: 18px;
position: relative;
top: 3px;
text-align: center;
width: 21px;
}
</style>
</head>
<body class="index-page sidebar-collapse">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-primary fixed-top navbar-transparent" color-on-scroll="400">
<div class="container">
<div class="navbar-translate">
<a class="navbar-brand" rel="tooltip" title="Dowload this template here" data-placement="bottom" href="https://demos.creative-tim.com/now-ui-kit/index.html?_ga=2.122124428.641679659.1694508288-610866528.1694508288" target="_blank">
<img src="https://www.pngitem.com/pimgs/m/441-4413890_creative-tim-logo-hd-png-download.png" style="width: 60px; position: fixed; top: 0; left: 50; z-index: 999; border-radius: 90px;">
</a>
<button class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<div class="collapse navbar-collapse justify-content-end" data-nav-image="./assets/img/blurred-image-1.jpg">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom" href="https://twitter.com/CreativeTim" target="_blank">
<i class="fa fa-twitter"></i>
Tweet
</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Like us on Facebook" data-placement="bottom" href="https://www.facebook.com/CreativeTim" target="_blank">
<i class="fa fa-facebook-square"></i>
POST
</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Follow us on Instagram" data-placement="bottom" href="https://www.instagram.com/CreativeTimOfficial" target="_blank">
<i class="fa fa-instagram"></i>
SHARE
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
<div class="wrapper">
<div class="page-header clear-filter" style="background-color: rgba(50, 0, 0, 0.7);">
<div class="page-header-image" class=data-parallax="true" style="background-image: url('https://hr-gazette.com/wp-content/uploads/2023/03/software-developer-g1372d020e_1280.jpg');">
</div>
<div class="container">
<div class="content-center brand">
<img class="n-logo" src="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/img/now-logo.png" alt="">
<h1 class="h1-seo">Code Your Path Forward</h1>
<h3>Welcome to our dedicated landing page for aspiring developers! If you've ever dreamt of creating cutting-edge software, shaping the future of technology, or simply want to explore the fascinating world of coding, you've come to the right place.</h3>
</div>
</div>
</div>
<div class="main">
<div class="section section-about-us">
<div class="container">
<div class="row">
<div class="col-md-8 ml-auto mr-auto text-center">
<h2 class="title">Why Choose a Career in Development?</h2>
<h5 class="description" style="color: black;">The world we live in today is driven by technology, and developers are at the heart of this digital revolution. Here are a few compelling reasons why you should consider a career as a developer:</h5>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="info">
<div class="description">
<h4 class="info-title" style="text-align: center;font-weight: bold; color: black;">Endless Opportunities</h4>
<p style="text-align: justify; color: black;">The demand for skilled developers is skyrocketing. From web and mobile apps to artificial intelligence and blockchain, the possibilities are boundless.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="info">
<div class="description">
<h4 class="info-title" style="text-align: center;font-weight: bold; color: black;">Creativity Unleashed</h4>
<p style="text-align: justify; color: black;">Coding is your canvas, and the possibilities are limited only by your imagination. You can bring your ideas to life and create solutions that make a real impact.</p>
</div>
</div>
</div>
</div>
<!-- Additional Contents -->
<div class="row justify-content-center mt-4">
<div class="col-md-6">
<div class="info">
<div class="description">
<h4 class="info-title" style="text-align: center;font-weight: bold; color: black;">Financial Reward</h4>
<p style="text-align: justify; color: black;">Developers are among the highest-paid professionals in the job market. A career in development can provide financial stability and open doors to a world of opportunities.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="info">
<div class="description">
<h4 class="info-title" style="text-align: center;font-weight: bold; color: black;">Flexibility</h4>
<p style="text-align: justify; color: black;">Whether you want to work in an office, as a freelancer, or remotely, a career in development offers the flexibility to choose the work environment that suits you best.</p>
</div>
</div>
</div>
</div>
</div>
<div class="section section-team text-center">
<div class="container">
<h2 class="title">These mentors will help you all the way</h2>
<div class="team">
<div class="row">
<div class="col-md-4">
<div class="team-player">
<img src="https://img.freepik.com/free-psd/3d-illustration-person-with-sunglasses_23-2149436188.jpg?w=2000" alt="Thumbnail Image" class="rounded-circle img-fluid img-raised" style="height: 200px;">
<h4 class="title"><a rel="tooltip" title="Follow him in Linkedin" data-placement="bottom" href="https://www.linkedin.com/in/ryan-vance-de-guzman-35b21219b/" style="color: black !important;">RV De Guzman</a></h4>
<p class="category text-primary" >Back-End Developer</p>
<p class="description"> Responsible for building and maintaining the server, database, and application logic that power websites and web applications.
</div>
</div>
<div class="col-md-4">
<div class="team-player">
<img src="https://img.freepik.com/free-psd/3d-illustration-person-with-sunglasses_23-2149436188.jpg?w=2000" alt="Thumbnail Image" class="rounded-circle img-fluid img-raised" style="height: 200px;">
<h4 class="title"><a rel="tooltip" title="Follow him in Linkedin" data-placement="bottom" href="https://www.linkedin.com/in/alvin-francis-b-ambe-639542207/" style="color: black !important;">AF Ambe</a></h4>
<p class="category text-primary">Front-End Developer</p>
<p class="description"> Responsible for creating the user interface and user experience of a website or web application
</div>
</div>
<div class="col-md-4">
<div class="team-player">
<img src="https://img.freepik.com/free-psd/3d-illustration-person-with-sunglasses_23-2149436188.jpg?w=2000" alt="Thumbnail Image" class="rounded-circle img-fluid img-raised" style="height: 200px;">
<h4 class="title"><a rel="tooltip" title="Follow him in Linkedin" data-placement="bottom" href="https://www.linkedin.com/in/aesrespecia/" style="color: black !important;">AE Respecia</a></h4>
<p class="category text-primary" >Software Engineer </p>
<p class="description"> Responsible for designing, coding, testing, and maintaining software applications and systems in.
</div>
</div>
</div>
</div>
</div>
<div class="section section-contact-us text-center">
<div class="container">
<h2 class="title">Want to start your coding journey?</h2>
<p class="description">Send us a message and together, let us exxplore the world less taken.</p>
<div class="row">
<div class="col-lg-6 text-center col-md-8 ml-auto mr-auto">
<div class="input-group input-lg">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="now-ui-icons users_circle-08"></i>
</span>
</div>
<input type="text" class="form-control" placeholder="First Name...">
</div>
<div class="input-group input-lg">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="now-ui-icons ui-1_email-85"></i>
</span>
</div>
<input type="text" class="form-control" placeholder="Email...">
</div>
<div class="textarea-container">
<textarea class="form-control" name="name" rows="4" cols="80" placeholder="Type a message..."></textarea>
</div>
<div class="send-button">
<a href="#pablo" class="btn btn-primary btn-round btn-block btn-lg">Send Message</a>
</div>
</div>
</div>
</div>
</div>
<footer class="footer footer-default">
<div class=" container ">
<nav>
<ul>
<li>
<a href="https://www.creative-tim.com">
Creative Tim
</a>
</li>
<li>
<a href="http://presentation.creative-tim.com">
About Us
</a>
</li>
<li>
<a href="http://blog.creative-tim.com">
Blog
</a>
</li>
</ul>
</nav>
<div class="copyright" id="copyright">
©
<script>
document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))
</script>, Designed by
<a href="https://www.invisionapp.com" target="_blank">Invision</a>. Coded by
<a href="https://www.creative-tim.com" target="_blank">Creative Tim</a>.
</div>
</div>
</footer>
</div>
<!-- Core JS Files -->
<script src="../assets/js/core/jquery.min.js" type="text/javascript"></script>
<script src="../assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="../assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="../assets/js/plugins/bootstrap-switch.js"></script>
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
<script src="../assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="../assets/js/plugins/bootstrap-datepicker.js" type="text/javascript"></script>
<!-- Google Maps Plugin -->
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages etc -->
<script src="../assets/js/now-ui-kit.js?v=1.3.0" type="text/javascript"></script>
</body>
</html>