-
Notifications
You must be signed in to change notification settings - Fork 0
/
hire-me.html
80 lines (77 loc) · 5.75 KB
/
hire-me.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Hire me - Brand</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway+Dots">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/best-carousel-slide.css">
<link rel="stylesheet" href="assets/css/dh-row-text-image-right-responsive.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
<link rel="stylesheet" href="assets/css/Lightbox-Gallery.css">
<link rel="stylesheet" href="assets/css/untitled.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-white portfolio-navbar gradient" id="navbar">
<div class="container"><a class="navbar-brand logo" href="#"><img src="assets/img/PCPIMG/PCPL%20logo%20GSUITE.png" width="178px" height="86px"></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navbarNav"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div
class="collapse navbar-collapse" id="navbarNav" style="text-shadow: 0px 0px rgb(9,10,8);color: #000000;font-size: 23px;">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item" role="presentation"><a class="nav-link" href="index.html" style="color: #070707;font-size: 20px;font-family: Raleway, sans-serif;">HOME</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="projects-grid-cards.html" style="color: #070707;font-family: Raleway, sans-serif;font-size: 20px;">PROJECTS</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="cv.html" style="color: #070707;font-family: Raleway, sans-serif;font-size: 20px;">SERVICES</a></li>
<li class="nav-item" role="presentation"><a class="nav-link active" href="hire-me.html" style="font-family: Raleway, sans-serif;text-align: left;color: rgb(0,0,0);font-size: 20px;">OUR TEAM</a></li>
<li class="nav-item" role="presentation"><a class="nav-link active" href="hire-me.html" style="color: rgb(0,0,0);font-size: 20px;font-family: Raleway, sans-serif;">ABOUT</a></li>
</ul>
</div>
</div>
</nav>
<section id="carousel">
<div class="carousel slide" data-ride="carousel" id="carousel-1">
<div class="carousel-inner" role="listbox">
<div class="carousel-item">
<div class="jumbotron pulse animated hero-nature carousel-hero">
<h1 class="hero-title">Hero Nature</h1>
<p class="hero-subtitle">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
<p><a class="btn btn-primary hero-button plat" role="button" href="#">Learn more</a></p>
</div>
</div>
<div class="carousel-item">
<div class="jumbotron pulse animated hero-photography carousel-hero">
<h1 class="hero-title">Hero Photography</h1>
<p class="hero-subtitle">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
<p><a class="btn btn-primary hero-button plat" role="button" href="#">Learn more</a></p>
</div>
</div>
<div class="carousel-item active">
<div class="jumbotron pulse animated hero-technology carousel-hero">
<h1 class="hero-title">Hero Technology</h1>
<p class="hero-subtitle">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
<p><a class="btn btn-primary hero-button plat" role="button" href="#">Learn more</a></p>
</div>
</div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-slide="prev"><i class="fa fa-chevron-left"></i><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-slide="next"><i class="fa fa-chevron-right"></i><span class="sr-only">Next</span></a></div>
<ol
class="carousel-indicators">
<li data-target="#carousel-1" data-slide-to="0"></li>
<li data-target="#carousel-1" data-slide-to="1"></li>
<li data-target="#carousel-1" data-slide-to="2" class="active"></li>
</ol>
</div>
</section>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>