-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (107 loc) · 9.99 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<link rel="stylesheet" href="./src/css/styles.css">
<link rel="stylesheet" href="./src/css/media.css" media="screen and (min-width: 425px)">
<title>webMyCommerce</title>
</head>
<body>
<header class="header" id="home">
<div class="header__logo-box">
<div class="header__logo__click-icon">
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
<g><g transform="translate(0.000000,511.000000) scale(0.100000,-0.100000)"><path d="M3847.7,4995.8c-819.4-98.8-1516-709.9-1732.1-1518.6c-80.1-301.6-77.4-742,5.3-1043.6c80.1-285.6,154.8-373.7,325.6-373.7c141.4,0,226.9,56.1,277.6,178.8c34.7,82.7,34.7,109.4-18.7,296.2c-120.1,411-58.7,859.4,160.1,1198.4c429.7,664.6,1235.7,875.4,1937.6,507.1c384.3-202.8,680.6-640.5,739.3-1088.9c26.7-197.5,24-266.9-16-472.4c-42.7-213.5-42.7-248.2-5.4-333.6c40-101.4,157.5-178.8,264.2-178.8c104.1,0,242.9,109.4,277.6,221.5c133.4,397.7,106.8,883.4-64.1,1331.8C5667.9,4571.5,4765.8,5105.3,3847.7,4995.8z"/><path d="M3810.3,3826.8c-264.2-93.4-429.7-248.2-549.8-507.1c-58.7-125.4-58.7-138.8-72.1-2137.8l-13.3-2015l-194.8,341.6c-224.2,387-325.6,501.8-536.5,600.5c-120.1,56.1-189.5,69.4-349.6,69.4c-173.5,0-226.9-13.3-379-88.1c-293.6-144.1-427-384.3-427-766c0-306.9,61.4-507.1,397.7-1321.1C2134.2-3075,2644-3985.1,3097.7-4516.2c213.5-253.6,309.6-304.2,464.4-258.9c141.5,42.7,221.5,160.1,202.8,304.2c-8,74.7-50.7,144.1-154.8,266.9c-517.8,589.8-1064.9,1606.7-1588,2954.5c-90.7,234.9-122.8,355-133.4,512.4c-13.3,192.2-10.7,208.2,53.4,272.2c85.4,85.4,197.5,90.7,293.6,16c37.4-29.4,269.6-405.7,515.1-835.4c248.2-427,488.4-819.4,533.8-864.7c114.8-120.1,264.2-122.8,389.7-10.7l88.1,77.4L3775.6,504c13.3,2815.7,5.3,2647.6,168.1,2743.7c112.1,66.7,272.2,40,376.3-64.1l82.7-82.7l13.3-1822.9c16-2031.1,5.3-1929.6,200.2-1993.7c128.1-42.7,266.9,5.4,336.3,117.4c48,77.4,50.7,141.4,50.7,878.1c0,851.4,5.3,899.4,138.8,990.2c77.4,56.1,272.2,53.4,357.6,0c138.8-93.4,144.1-128.1,144.1-1043.6c0-790,2.7-854.1,50.7-931.5c106.8-176.2,379-176.2,485.8,0c45.4,74.7,50.7,138.8,50.7,731.3c0,712.6,10.7,768.7,160.1,846.1c160.1,82.7,365.6,26.7,440.4-120.1c32-64,40-197.5,40-720.6c0-707.3,10.7-763.3,160.1-840.7c98.8-50.7,168.1-50.7,266.9,0c136.1,69.4,160.1,154.8,160.1,568.5c0,341.7,5.3,379,61.4,461.8c32.1,48,104.1,104.1,157.5,125.4c141.5,56,277.6-16,365.6-189.5c64-125.5,64-144.1,77.4-934.1c24-1467.9-85.4-2591.5-317.6-3282.8c-101.4-309.6-101.4-373.7,13.3-488.4c138.8-138.8,341.6-117.5,443,48c176.2,288.2,355,1209,427.1,2188.5c32,469.7,34.7,2097.8,2.6,2348.7c-88,669.9-685.9,1091.6-1230.4,864.7c-32-13.3-50.7,8-74.7,74.7c-56.1,152.1-256.2,352.3-448.4,445.7c-146.8,74.7-202.9,85.4-365.6,85.4c-106.8,0-245.5-21.3-312.3-42.7c-109.4-40-120.1-40-144.1,2.7c-13.3,24-77.4,101.4-141.5,168.1c-205.5,218.8-509.8,312.3-840.7,256.2l-125.4-21.4l-8,661.9c-8,651.2-8,664.6-77.4,811.3c-146.8,312.3-435,504.4-782,523.1C4002.5,3874.9,3911.7,3861.5,3810.3,3826.8z"/></g></g>
</svg>
</div>
<h1 class="header__logo__text">webMyCommerce</h1>
</div>
<h3 class="header__subtitle">Soluções web para expandir seus negócios</h3>
</header>
<section class="call-to-action" id="call-to-action">
<div class="call-to-action__box">
<img src="./src/assets/call-to-action-image.jpg" alt="Foguete saindo da caixa com duas pessoas ao lado simbolizando um aumento nas vendas" class="call-to-action__box__img">
<!-- <a href='https://br.freepik.com/fotos-vetores-gratis/vender'>Vender vetor criado por vectorjuice - br.freepik.com</a> -->
<p class="call-to-action__box__text">
Venha transformar sua experiência de vendas com o webMyCommerce!
</p>
</div>
</section>
<section class="services" id="services">
<h2 class="services__title">Nossos Serviços</h2>
<div class="services__card-box">
<div class="services__card">
<ion-icon class="services__card__icon" name="desktop-outline"></ion-icon>
<h3 class="services__card__title">Sites</h3>
<p class="services__card__description">Nosso time de especialistas cria páginas web personalizadas e específicas para o seu perfil de clientes.</p>
</div>
<div class="services__card">
<ion-icon class="services__card__icon" name="code-slash-outline"></ion-icon>
<h3 class="services__card__title">Aplicações</h3>
<p class="services__card__description">Oferecemos ambientes (e-commerces, sistemas de cadastros...) simples e integrados para uma melhor experiência do usuário.</p>
</div>
<div class="services__card">
<ion-icon class="services__card__icon" name="construct-outline"></ion-icon>
<h3 class="services__card__title">Manutenção</h3>
<p class="services__card__description">Cuidamos do seu produto, por meio de escalabilidade, para que ele esteja disponível a qualquer hora e em qualquer lugar.</p>
</div>
</div>
</section>
<section class="social-proof" id="social-proof">
<h3 class="social-proof__title">Quem conhece confia...</h3>
<div class="social-proof__card-box">
<div class="social-proof__card">
<ion-icon class="social-proof__card__icon" name="person-circle-outline"></ion-icon>
<p class="social-proof__card__opinion">"Melhor custo benefício!"</p>
</div>
<div class="social-proof__card">
<ion-icon class="social-proof__card__icon" name="person-circle-outline"></ion-icon>
<p class="social-proof__card__opinion">"Muito atenciosos, adorei!"</p>
</div>
<div class="social-proof__card">
<ion-icon class="social-proof__card__icon" name="person-circle-outline"></ion-icon>
<p class="social-proof__card__opinion">"Meu negócio só alavancou depois que conheci."</p>
</div>
<div class="social-proof__card">
<ion-icon class="social-proof__card__icon" name="person-circle-outline"></ion-icon>
<p class="social-proof__card__opinion">"Só escuto elogios de clientes que visitam meu negócio depois que contratei vocês!"</p>
</div>
<div class="social-proof__card">
<ion-icon class="social-proof__card__icon" name="person-circle-outline"></ion-icon>
<p class="social-proof__card__opinion">"Vendas + altas, Índice de satisfação também só cresce <3"</p>
</div>
<div class="social-proof__card">
<ion-icon class="social-proof__card__icon" name="person-circle-outline"></ion-icon>
<p class="social-proof__card__opinion">"Nunca vi nada igual!"</p>
</div>
</div>
</section>
<section class="contact-us" id="contact-us">
<div class="contact-us__form-box">
<img src="./src/assets/contact-us-image.jpg" class="contact-us__form-box__img" alt="analistas-de-demanda-apertando-as-maos-nas-telas-de-laptops-e-planejando-a-demanda-futura-planejamento-de-demanda-analise-de-demanda-ilustracao-de-conceito-de-previsao-de-vendas-digital">
<!-- <a href="https://br.freepik.com/vetores-gratis/analistas-de-demanda-apertando-as-maos-nas-telas-de-laptops-e-planejando-a-demanda-futura-planejamento-de-demanda-analise-de-demanda-ilustracao-de-conceito-de-previsao-de-vendas-digital_11668571.htm#query=sell&position=20&from_view=search">Imagem de vectorjuice no Freepik /a> -->
<form class="contact-us__form">
<h2 class="contact-us__form__title">Contate-nos</h2>
<input class="contact-us__form__input" name="name" type="text" placeholder="Nome">
<input class="contact-us__form__input" name="email" type="email" placeholder="Email">
<textarea class="contact-us__form__text-area" name="message" placeholder="Sua mensagem..."></textarea>
<input class="contact-us__form__button" type="submit" value="Enviar">
</form>
</div>
</section>
<footer class="footer">
<p class="footer__copyright">2022 @ webMyCommerce</p>
</footer>
</body>
</html>