-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
executable file
·173 lines (155 loc) · 7.47 KB
/
index2.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
<!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">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<title>Página principal</title>
</head>
<body>
<!-- Navbar Component -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#" alt="Adhoc Logo">
<img src="images/avatar_fellrock.jpg" width="20%" height="20%" alt="foto perfil" class="rounded-circle">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Início <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sobre Mim</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#our-team">Experiência</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contato</a>
</li>
</ul>
</div>
</nav>
<!-- Jumbotron
<div class="jumbotron jumbotron-fluid" style="background:url(https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/jumbotron.png) no-repeat; background-size: cover;">
<div class="text-white text-center bg-secondary my-5">
<h1 class="display-4">Administration made easy</h1>
<p class="lead">Adhoc is an on-demand administrative service for your company growth</p>
</div>
</div>-->
<!-- Container -->
<div class="container">
<!-- Quote Section -->
<div class="row">
<div class="col my-5">
<h2 class="font-weight-light font-italic ">"Seja a mudança que você quer ver no mundo."</h2>
<p class="text-right font-weight-bold font-italic">-Mahatma Gandhi, <span class="font-weight-normal">Advogado Indiano</span></p>
</div>
</div>
<hr>
<!-- Why Adhoc? Text -->
<div class="row my-4">
<div class="col">
<h2 class="text-center display-4">Sobre Mim</h2>
</div>
</div>
<!-- Image Reasons Section -->
<div class="row my-1 justify-content-center">
<div class="col-8 col-md-4">
<!-- First card goes here -->
<div class="card border-0" style="width: 18rem;">
<img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/experienced.png" class="card-img-top" alt="formação acadêmica">
<div class="card-body">
<p class="card-text text-center">
Over 9000 happy clients, and we learn something new from each one.
</p>
</div>
</div>
<!-- End of First card -->
</div>
<div class="col-8 col-md-4">
<!-- Second card goes here -->
<div class="card border-0" style="width: 18rem;">
<img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/fun.png" class="card-img-top" alt="fun icon">
<div class="card-body">
<p class="card-text text-center">
Administration? Fun? Yea, somehow we make it happen.
</p>
</div>
</div>
<!-- End of Second card -->
</div>
<div class="col-8 col-md-4">
<!-- Third card goes here -->
<div class="card border-0" style="width: 18rem;">
<img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/smart.png" class="card-img-top" alt="smart icon">
<div class="card-body">
<p class="card-text text-center">
Innovative solutions to the trickest of everyday tasks.
</p>
</div>
</div>
<!-- End of Third card -->
</div>
</div>
<!-- Meet the Team Section -->
<div id="our-team" class="row bg-dark rounded-top">
<div class="col">
<h2 class="text-white text-center display-4 my-4">Meet the Team</h2>
</div>
</div>
<!-- Team Pictures Carousel -->
<div class="row bg-dark rounded-bottom pb-5">
<div class="col">
<!-- Carousel Component -->
<div id="carouselExampleControls" class="carousel slide w-50 mx-auto " data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/brian.png" class="d-block w-100" alt="picture of Brian M. the CEO">
<div class="carousel-caption py-0 bg-dark rounded-pill">
<p class="text-center font-weight-bold mb-0">CEO: <span class="font-weight-normal">Brian M.</span></p>
</div>
</div>
<div class="carousel-item">
<img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/andy.png" class="d-block w-100" alt="picture of Andy C. the CFO">
<div class="carousel-caption py-0 bg-dark rounded-pill">
<p class="text-center font-weight-bold mb-0">CFO: <span class="font-weight-normal">Andy C.</span></p>
</div>
</div>
<div class="carousel-item">
<img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/angela.png" class="d-block w-100" alt="picture of Angela W. the COO">
<div class="carousel-caption py-0 bg-dark rounded-pill">
<p class="text-center font-weight-bold mb-0">COO: <span class="font-weight-normal">Angela W.</span></p>
</div>
</div>
<div class="carousel-item">
<img src="https://s3.amazonaws.com/codecademy-content/courses/learn-bootstrap-4/adhoc/amie.png" class="d-block w-100" alt="picture of Amie S. the CTO">
<div class="carousel-caption py-0 bg-dark rounded-pill">
<p class="text-center font-weight-bold mb-0">CTO: <span class="font-weight-normal">Amie S.</span></p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="mt-3 mb-1 text-center">2019 Adhoc ©</footer>
<!-- Bootstrap's JavaScript Files -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>
</html>