-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathheader-footer.html
122 lines (115 loc) · 7.38 KB
/
header-footer.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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Águas do Rio</title>
<link rel="stylesheet" href="/assets/css/style.min.css">
<link rel="stylesheet" href="/assets/css/style.min.css.map">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DWXQKQ51BQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DWXQKQ51BQ');
</script>
</head>
<body>
<header id="header" class="header">
<div class="header__blue">
<figure>
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="294.96" viewBox="0 0 1920 294.96">
<path id="bg-manu-home" d="M0,191.217H1920V385.57S1643.122,295.463,997.79,427.5,0,427.5,0,427.5Z"
transform="translate(0 -191.217)" fill="#253e92" />
</svg>
</figure>
<div class="wrapper">
<a href="/">
<img src="/assets/images/logo-home.svg" alt="">
</a>
<nav>
<a href="/institucional.html">Institucional</a>
<a href="/obras-melhorias.html">Obras e Melhorias</a>
<a href="https://aguasdorio.com.br/">Site Águas do Rio</a>
</nav>
<svg class="header__icon" xmlns="http://www.w3.org/2000/svg" width="39" height="18" viewBox="0 0 39 18">
<g id="menu-sanduiche" transform="translate(-287.5 -39.5)">
<line id="Line_9" data-name="Line 9" x2="37" transform="translate(288.5 40.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/>
<line id="Line_10" data-name="Line 10" x2="37" transform="translate(288.5 48.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/>
<line id="Line_11" data-name="Line 11" x2="37" transform="translate(288.5 56.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/>
</g>
</svg>
</div>
</div>
<div class="header__fixed">
<div class="wrapper">
<a href="/"><img src="/assets/images/logo-menu-flutuante.svg" alt=""></a>
<nav>
<a href="/institucional.html">Institucional</a>
<a href="/obras-melhorias.html">Obras e Melhorias</a>
<a href="https://aguasdorio.com.br/">Site Águas do Rio</a>
</nav>
<svg class="header__icon" xmlns="http://www.w3.org/2000/svg" width="39" height="18" viewBox="0 0 39 18">
<g id="menu-sanduiche" transform="translate(-287.5 -39.5)">
<line id="Line_9" data-name="Line 9" x2="37" transform="translate(288.5 40.5)" fill="none" stroke="#253E92" stroke-linecap="round" stroke-width="2"/>
<line id="Line_10" data-name="Line 10" x2="37" transform="translate(288.5 48.5)" fill="none" stroke="#253E92" stroke-linecap="round" stroke-width="2"/>
<line id="Line_11" data-name="Line 11" x2="37" transform="translate(288.5 56.5)" fill="none" stroke="#253E92" stroke-linecap="round" stroke-width="2"/>
</g>
</svg>
</div>
</div>
<div class="header__mobile">
<div class="wrapper">
<a href="/">
<img src="/assets/images/logo-home.svg" alt="">
</a>
<span class="header__icon"><img src="/assets/images/bt-close.svg" alt=""></span>
</div>
<img src="/assets/images/logo-header-mobile.svg" alt="">
<nav>
<a href="/institucional.html">Institucional</a>
<a href="/obras-melhorias.html">Obras e Melhorias</a>
<a href="https://aguasdorio.com.br/">Site Águas do Rio</a>
</nav>
</div>
</header>
<footer class="footer">
<div class="wrapper footer__links">
<a target="_blank" href="https://www.facebook.com/AguasdoRio/"><img src="/assets/images/icon-face.svg"
alt="">/aguasdorio</a>
<a target="_blank" href="http://instagram.com/aguasdorio"><img src="/assets/images/icon-insta.svg"
alt="">@aguasdorio</a>
<a target="_blank" href="https://twitter.com/aguas_do_rio"><img src="/assets/images/icon-twitter.svg"
alt="">/aguas_do_rio</a>
<a target="_blank" href="https://www.linkedin.com/company/%C3%A1guas-do-rio/"><img
src="/assets/images/icon-linkd.svg" alt="">/águas-do-rio</a>
<p>Copyright ® 2021 - Todos os Direitos Reservados.</p>
</div>
<a class="seta" href="#header">
<svg xmlns="http://www.w3.org/2000/svg" width="70.926" height="70.926" viewBox="0 0 70.926 70.926">
<g id="seta-topo" transform="translate(-922.439 -2682.627)">
<circle id="Ellipse_15" data-name="Ellipse 15" cx="33.5" cy="33.5" r="33.5"
transform="translate(924.402 2684.59)" fill="#fff" opacity="0" />
<g id="Path_1119" data-name="Path 1119" transform="translate(922.439 2682.627)" fill="none">
<path class="seta__background"
d="M35.463,0A35.463,35.463,0,1,1,0,35.463,35.463,35.463,0,0,1,35.463,0Z" stroke="none" />
<path class="seta__circle"
d="M 35.462890625 4 C 31.21366500854492 4 27.09366607666016 4.831329345703125 23.21734237670898 6.470863342285156 C 19.47124099731445 8.055339813232422 16.10605239868164 10.32447814941406 13.21526718139648 13.21526718139648 C 10.32447814941406 16.10605239868164 8.055339813232422 19.47124099731445 6.470863342285156 23.21734237670898 C 4.831329345703125 27.09366607666016 4 31.21366500854492 4 35.462890625 C 4 39.71211624145508 4.831329345703125 43.83211517333984 6.470863342285156 47.70844268798828 C 8.055339813232422 51.45454025268555 10.32447814941406 54.81972885131836 13.21526718139648 57.71051788330078 C 16.10605239868164 60.60130310058594 19.47124099731445 62.87044143676758 23.21734237670898 64.45491790771484 C 27.09366607666016 66.09445190429688 31.21366500854492 66.92578125 35.462890625 66.92578125 C 39.71211624145508 66.92578125 43.83211517333984 66.09445190429688 47.70844268798828 64.45491790771484 C 51.45454025268555 62.87044143676758 54.81972885131836 60.60130310058594 57.71051788330078 57.71051788330078 C 60.60130310058594 54.81972885131836 62.87044143676758 51.45454025268555 64.45491790771484 47.70844268798828 C 66.09445190429688 43.83211517333984 66.92578125 39.71211624145508 66.92578125 35.462890625 C 66.92578125 31.21366500854492 66.09445190429688 27.09366607666016 64.45491790771484 23.21734237670898 C 62.87044143676758 19.47124099731445 60.60130310058594 16.10605239868164 57.71051788330078 13.21526718139648 C 54.81972885131836 10.32447814941406 51.45454025268555 8.055339813232422 47.70844268798828 6.470863342285156 C 43.83211517333984 4.831329345703125 39.71211624145508 4 35.462890625 4 M 35.462890625 0 C 55.04850387573242 0 70.92578125 15.87727737426758 70.92578125 35.462890625 C 70.92578125 55.04850387573242 55.04850387573242 70.92578125 35.462890625 70.92578125 C 15.87727737426758 70.92578125 0 55.04850387573242 0 35.462890625 C 0 15.87727737426758 15.87727737426758 0 35.462890625 0 Z"
stroke="none" fill="#fcc200" />
</g>
<g id="Group_101" data-name="Group 101" transform="translate(944.359 2819.928) rotate(-90)">
<g id="Group_100" data-name="Group 100" transform="translate(87.508)">
<path class="seta__arrow" id="Path_1091" data-name="Path 1091"
d="M1291.765,830.588a1.991,1.991,0,0,1,2.826,0l11.991,12.037a2.01,2.01,0,0,1,0,2.837L1294.591,857.5a2,2,0,0,1-2.826-2.837l10.578-10.619-10.578-10.619A2.01,2.01,0,0,1,1291.765,830.588Zm5.41,13.456a2,2,0,0,1-2,2.006H1280a2.006,2.006,0,0,1,0-4.012h15.178A2,2,0,0,1,1297.175,844.044Z"
transform="translate(-1278 -830)" fill="#fcc200" />
</g>
</g>
</g>
</svg>
</a>
</footer>
<script src="/assets/js/jquery-3.6.0.min.js"></script>
<script src="/assets/js/script.js"></script>
</body>
</html>