-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
179 lines (173 loc) · 9.97 KB
/
index.html
File metadata and controls
179 lines (173 loc) · 9.97 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<div class="row align-items-center vh-100">
<div class="col-12 col-lg-9">
<div class="row">
<div class="col-12 col-lg-8">
<div class="contenido my-3 card-1">
<div class="div-persona">
<img src="/images/image-daniel.jpg" alt="">
<div class="div-nombre">
<h5>Daniel Clifford</h5>
<p>Verified Graduate</p>
</div>
</div>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum at reprehenderit aliquam
fugit quibusdam</h3>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique aliquid ipsum,
praesentium
asperiores aperiam vitae, facere culpa, dolor repellat ab voluptates quae rerum eos
accusamus?
Deleniti placeat aut temporibus alias?
Obcaecati repellat quod nesciunt nostrum tenetur quasi iusto culpa sequi fuga
blanditiis!
Explicabo
fuga, autem eius quas impedit dicta tempora ea voluptatum accusamus, officia architecto
totam
expedita reprehenderit porro beatae.
Lorem ipsum dolor sit amet consectetur adipisicing elit. In ex atque vero. Culpa dolorum
nobis quibusdam vero hic voluptas nemo nostrum aliquam, consequatur veniam sapiente aut
voluptatibus repellendus eaque autem.
</p>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="contenido my-3 card-2">
<div class="div-persona">
<img src="/images/image-jonathan.jpg" alt="">
<div class="div-nombre">
<h5>Jonathan Walters</h5>
<p>Verified Graduate</p>
</div>
</div>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nesciunt perferendis
culpa in
facilis
quidem voluptate. Facere debitis nisi officiis, atque praesentium saepe voluptatem
obcaecati
magnam
commodi ex pariatur omnis?
Temporibus quibusdam tenetur recusandae doloremque ut fugiat assumenda repudiandae,
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-4">
<div class="contenido my-3 card-3">
<div class="div-persona">
<img src="/images/image-jeanette.jpg" alt="">
<div class="div-nombre">
<h5>Jeanette Harmon</h5>
<p>Verified Graduate</p>
</div>
</div>
<h3>Lorem ipsum dolor sit amet consectetur </h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque hic deserunt sit
ratione,
recusandae
consectetur at corrupti reprehenderit, commodi, cumque similique dolorem provident.
Natus
culpa
nostrum laudantium, porro doloribus magni?
Placeat consectetur tempore autem ea. Odio esse, eaque laboriosam nostrum consequatur
voluptate
Lorem ipsum dolor, sit amet Lorem, ipsum dolor.
</p>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="contenido my-3 card-4">
<div class="div-persona">
<img src="/images/image-patrick.jpg" alt="">
<div class="div-nombre">
<h5>Patrick Abrams</h5>
<p>Verified Graduate</p>
</div>
</div>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum at reprehenderit aliquam
fugit quibusdam</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur harum quibusdam
nisi,
modi
alias eligendi, necessitatibus officiis doloribus delectus cum quae exercitationem et id
veniam
qui
aliquam natus corrupti ad?
Quos, praesentium possimus sed quisquam sunt enim facilis labore optio consequuntur
quidem
fugit, ab
cum laudantium temporibus impedit obcaecati voluptatum iusto. Dolores, adipisci!
Distinctio
fuga
velit dicta cupiditate quisquam architecto!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Omnis repellat sed laudantium
odit, iure illo minus vel atque totam nulla earum officia minima excepturi cupiditate
voluptates? Deserunt fuga quo tempore?
</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="row">
<div class="col-12 col-lg-12">
<div class="contenido my-3 card-5">
<div class="div-persona">
<img src="/images/image-kira.jpg" alt="">
<div class="div-nombre">
<h5>Kira Whittle</h5>
<p>Verified Graduate</p>
</div>
</div>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum at reprehenderit aliquam
fugit quibusdam</h3>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minima assumenda quas
perspiciatis
laborum
non molestiae facere aut ad tempora vel, mollitia maiores optio, sed id molestias
voluptatum
fuga
dolorum facilis.
Veniam, harum! Exercitationem distinctio amet voluptate! Amet fugiat, eos quasi esse
corporis
illum
non iusto nobis at nesciunt pariatur, accusantium nostrum libero consectetur voluptatem
debitis.
Velit ullam iure iusto sequi!
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores cum et quo enim
tenetur, officiis blanditiis laudantium perspiciatis consectetur quisquam magni officia
necessitatibus! A officia nesciunt corporis facilis similique voluptate.
Itaque labore quasi maxime repudiandae vero consectetur quam magni fuga delectus
reprehenderit voluptas hic beatae nihil accusamus illo doloremque excepturi, quae
voluptatum unde ad inventore optio nobis porro. Eaque, minus.
Placeat asperiores tempora maiores recusandae quis eum consequatur laborum facere.
Eligendi, neque eaque voluptates, a
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
</body>
</html>