-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (151 loc) · 8.34 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
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="assets/css/style.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<title>Lorem Ipsum</title>
</head>
<body>
<header class="container header">
<div class="header__wrapper header__wrapper-js"><!-- Sticky Header -->
<div class="logo">
<a href="#" class="no-decoration">
<div class="logo__svg">
<img class="logo__image img-responsive" src="assets/images/logo.png" title="Logotipo" alt="Logotipo">
</div>
<!-- SVG Logo-->
<svg class="clip-svg">
<defs>
<clipPath id="logo-mask" clipPathUnits="objectBoundingBox">
<polygon points="0 0, 0 0, 1 0, 0.5 0.7" />
</clipPath>
</defs>
</svg>
</a>
</div>
</div>
</header>
<section class="section section--bottom--big section--top section--grey-light">
<div class="slider">
<div class="slider__wrapper slider-js">
<div class="slider__item">
<div class="slider__item--multimedia">
<figure class="slider__item--figure">
<img src="assets/images/banner-1.png" alt="" class="slider__item--image">
</figure>
</div>
<div class="slider__item--description">
<div class="container">
<div class="row">
<div class="col-xs-10 col-sm-offset-2">
<h2 class="slider__item--title">Lorem Ipsum</h2>
</div>
</div>
</div>
</div>
</div>
<div class="slider__item">
<div class="slider__item--multimedia">
<figure class="slider__figure">
<img src="assets/images/banner-1.png" alt="" class="slider__item--image">
</figure>
</div>
<div class="slider__item--description">
<div class="container">
<div class="row">
<div class="col-xs-10 col-sm-offset-2">
<h2 class="slider__item--title">Lorem Ipsum</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slider__buttons"></div>
</div>
</section>
<section class="section section--grey-light">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="content">
<h2>Lorem Ipsum</h2>
<p>
<strong>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Explicabo maxime obcaecati velit magni! Et dolores nisi
culpa modi nostrum facere ad optio sint obcaecati hic! Magni neque dicta non animi voluptatum eveniet, qui quia
saepe eaque quod nesciunt perspiciatis facilis in sed ea vitae! Tempore fugiat dolorum at, ex tempora numquam
voluptatem autem inventore commodi, esse explicabo alias veritatis earum laborum. Modi minima culpa dolore maiores
ad veritatis nisi esse, impedit cupiditate laudantium? Minima nihil, facere soluta eveniet ipsam accusantium
a laudantium nisi, dicta reiciendis explicabo fuga magnam eius numquam eos. Ratione quam recusandae, libero ut
fugit sequi delectus nam.
</strong>
</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officia est repellat, blanditiis quisquam officiis quae neque
corporis inventore perferendis enim quas ex quam quidem voluptatibus alias nisi nostrum voluptate! Blanditiis nesciunt,
non beatae aliquid fugiat dicta error praesentium explicabo ullam? Praesentium eum rem maiores odio ratione reprehenderit
consequatur excepturi est?</p>
</div>
</div>
</div>
</div>
</section>
<section class="section section--primary section--background section--background-js" data-image="assets/images/banner-middle.png">
<div class="container">
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="card-primary card-primary--widescreen">
<div class="card-primary__multimedia">
<figure class="card-primary__figure">
<img src="assets/images/table-food.png" alt="Imagem do card." class="card-primary__image">
</figure>
</div>
<div class="card-primary__meta">
<h4 class="card-primary__title">Lorem Ipsum</h4>
<p class="card-primary__excerpt">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum sint vitae, expedita reiciendis suscipit minus ma/gnam unde
ut possimus aperiam ex quidem ratione nihil, blanditiis cum. Eos libero porro quis hic, ipsa ab omnis repudiandae aperiam
ducimus, dolor quo consequuntur culpa et cumque vel harum?
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section section--grey-light overflow-hidden">
<div class="container">
<div class="card-secondary">
<div class="card-secondary__multimedia">
<figure class="card-secondary__figure">
<img src="assets/images/foods.png" alt="Imagem do card." class="card-secondary__image img-responsive">
</figure>
</div>
<div class="card-secondary__meta">
<h4 class="card-secondary__title">Lorem Ipsum</h4>
<p class="card-secondary__excerpt">
<strong>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum sint vitae, expedita reiciendis suscipit minus magnam unde
ut possimus aperiam ex quidem ratione nihil, blanditiis cum. Eos libero porro quis hic, ipsa ab omnis repudiandae aperiam
ducimus, dolor quo consequuntur culpa et cumque vel harum?
</strong>
</p>
<p class="card-secondary__excerpt">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum sint vitae, expedita reiciendis suscipit minus magnam unde
ut possimus aperiam ex quidem ratione nihil, blanditiis cum. Eos libero porro quis hic, ipsa ab omnis repudiandae
aperiam ducimus, dolor quo consequuntur culpa et cumque vel harum?
</p>
<p class="card-secondary__excerpt">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum sint vitae, expedita reiciendis suscipit minus magnam unde
ut possimus aperiam ex quidem ratione nihil, blanditiis cum. Eos libero porro quis hic, ipsa ab omnis repudiandae
aperiam ducimus, dolor quo consequuntur culpa et cumque vel harum?
</p>
</div>
</div>
</div>
</section>
<script src="assets/js/app.js"></script>
</body>
</html>