-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (137 loc) · 7.91 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SK SUPERMERCADOS</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<div class="logo">
<img src="./css/imgs/SK.png" alt="SK SUPERMERCADOS" class="logo-img">
</div>
<nav>
<ul>
<li><a class="btn btn-yellow-outline btn-lg" href="#sobre-nos">Sobre</a></li>
<li><a class="btn btn-yellow-outline btn-lg" href="#contato">Contato</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div class="container mt-4">
<div class="row justify-content-center">
<div class="col-12">
<div id="carouselExampleIndicators" class="carousel slide carousel-bordered" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="./css/imgs/img1.jpg" alt="1 Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./css/imgs/img2.jpeg" alt="2 Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./css/imgs/img3.jpg" alt="3 Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./css/imgs/img4.jpg" alt="4 Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./css/imgs/img5.jpg" alt="5 Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="./css/imgs/img6.jpg" alt="6 Slide">
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4 justify-content-center">
<div class="col-12">
<div class="sobre-nos p-5" id="sobre-nos">
<h2>Sobre Nós</h2>
<div class="sobre-content">
<div class="sobre-item">
<i class="fas fa-store fa-2x"></i>
<p>Bem-vindo ao <strong>SK SUPERMERCADOS</strong>, localizado em Marquinho, PR! Com uma história dedicada a fornecer os melhores produtos e um atendimento de excelência, nosso supermercado se destaca pela qualidade e variedade. Prezamos por oferecer produtos frescos e de origem confiável, sempre buscando a satisfação de nossos clientes.</p>
</div>
<div class="sobre-item">
<i class="fas fa-bullseye fa-2x"></i>
<p>Nossa missão é ser a escolha número um dos moradores de Marquinho e região, proporcionando uma experiência de compra agradável, segura e conveniente. Além do supermercado, contamos com uma lotérica anexa, oferecendo mais conveniência e serviços para nossos clientes.</p>
</div>
<div class="sobre-item">
<i class="fas fa-heart fa-2x"></i>
<p>No <strong>SK SUPERMERCADOS</strong>, você encontrará tudo o que precisa em um só lugar, com um atendimento personalizado e atento às suas necessidades. Venha nos visitar e descubra a diferença que fazemos no seu dia a dia!</p>
</div>
<div class="sobre-item">
<i class="fas fa-thumbs-up fa-2x"></i>
<p>Agradecemos pela sua preferência e confiança. Esperamos vê-lo em breve!</p>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4 justify-content-center">
<div class="col-md-6">
<div class="funcionamento p-3">
<h2>Funcionamento</h2>
<div class="horario">
<p><strong>Nosso horário de atendimento é de segunda a sábado.</strong></p>
<br>
<p><strong>Mercado:</strong> 9:00 às 12:00 e das 13:30 às 19:30</p>
<p><strong>Lotérica:</strong> 9:00 às 11:30 e das 13:30 às 17:00</p>
<br>
<p>Estamos sempre prontos para atendê-lo com qualidade e eficiência.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="localizacao p-3">
<h2>Localização</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d537.0225454825709!2d-52.25630028825128!3d-25.11395462561101!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ee443649c86a1f%3A0xb7c6545aa351b329!2sSK%20SUPERMERCADOS!5e0!3m2!1spt-BR!2sbr!4v1718586268956!5m2!1spt-BR!2sbr" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
<footer id="contato" class="mt-5">
<div class="container">
<div class="row">
<div class="col-md-4 social-links">
<h5>Redes Sociais:</h5>
<div class="social-icons">
<a class="btn btn-outline-light btn-sm social-btn" href="https://facebook.com/pages/Sk-Supermercados/1963561367299159" target="_blank"><i class="fab fa-facebook-f"></i> Facebook</a>
<a class="btn btn-outline-light btn-sm social-btn" href="https://wa.me/554236481350" target="_blank"><i class="fab fa-whatsapp"></i> WhatsApp</a>
</div>
</div>
<div class="col-md-4 text-center">
<h5>© 2024 SK SUPERMERCADOS</h5>
<p>Todos os direitos reservados.</p>
</div>
<div class="col-md-4 text-center">
<h5>SAC</h5>
<p>Email: <a href="#" onclick="copyToClipboard('sksupermercados@gmail.com'); return false;">sksupermercados@gmail.com</a></p>
<p>Telefone: <a href="#" onclick="copyToClipboard('(42) 3648-1350'); return false;">(42) 3648-1350</a></p>
</div>
</div>
</div>
<div id="notification" class="notification">Copiado!</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>