-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (138 loc) · 12.4 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="./assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/img/favicon-16x16.png">
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- CSS -->
<link rel="stylesheet" href="./assets/style.css">
<!-- Título -->
<title>Ágape LinkTree</title>
<!-- Ícones -->
<script src="https://code.iconify.design/2/2.0.3/iconify.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="./assets/script.js"></script>
</head>
<body>
<div class="link-tree">
<img src="./assets/img/rounded.png" alt="Ágape">
<div id="liveAlertPlaceholder"></div>
<button type="button" data-bs-toggle="modal" data-bs-target="#horarios">
Horários de Culto
</button>
<button type="button" id="liveAlertBtn" onclick="alert()">
Aconselhamento Pastoral
</button>
<button type="button" id="liveAlertBtn" onclick="alert()">
Células
</button>
<button type="button" id="liveAlertBtn" onclick="alert()">
Ministérios
</button>
<a href="https://www.instagram.com/kloveyouth/" target="_blank">Rede de Jovens</a>
<button type="button" data-bs-toggle="modal" data-bs-target="#ofertas">
Dízimos e Ofertas
</button>
<button type="button" data-bs-toggle="modal" data-bs-target="#podcasts">
Podcasts
</button>
<a href="https://api.whatsapp.com/send?phone=553195404600&text=Ola,%20preciso%20de%20ora%C3%A7%C3%A3o" target="_blank">Envie seu pedido de oração</a>
<a href="http://agape.org.br/links" id="whatsapp-share-btt" rel="nofollow" target="_blank">Compartilhe</a><br>
</div>
<div class="social-icons">
<p class="normal-icons-size">
<a href="https://www.instagram.com/igrejagapebh/" target="_blank" rel="noopener"><span class="iconify" data-icon="ph:instagram-logo-light"></span></a>
<a href="https://open.spotify.com/playlist/6qQLg733uTd2P7lEkpKl4l?si=5495e29d57804a47" target="_blank"><span class="iconify" data-icon="ph:spotify-logo-light"></span></a>
</p>
</div>
<!-- Modal Horarios-->
<div class="modal fade" id="horarios" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Horários de Culto</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-6">
<h5 class="fw-bold text-center">1° Sábado do Mês</h5>
<h6 class="text-center">19h - KLOVE</h6>
</div>
<div class="col-lg-6">
<h5 class="fw-bold text-center">Domingos</h5>
<h6 class="text-center">10h - Culto da Família</h6>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Dizimos e Ofertas-->
<div class="modal fade" id="ofertas" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Disponível por:</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<h5 class="fw-bold">Pix:</h5>
<h6>CNPJ - 05.725.928/0001-57 </h6>
<h5 class="fw-bold pt-2">Depósito - Santander</h5>
<h6>Agência: 3476, Conta Corrente: 13000327-6</h6>
<div class="row pt-2">
<div class="d-grid gap 3 col-12">
<a class="btn btn-dark" href="https://app.contself.com.br/ApiEcommerce/PrePagamento?id=b0ff4920-4a8e-46b7-92c1-c164aca8b608" role="button"><svg class="pr-2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-credit-card" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v1h14V4a1 1 0 0 0-1-1H2zm13 4H1v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7z"/>
<path d="M2 10a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-1z"/>
</svg><h6>Cartão de Crédito o Boleto</h6></button>
</a>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
<!-- Modal Podcasts-->
<div class="modal fade" id="podcasts" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Escolha a plataforma preferida!</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class='d-grid gap-3 col-12'>
<a class="btn btn-dark" href="https://open.spotify.com/show/6nqDTLhnQiP6jIMZOsVNEc?si=051d813e959f48e2" role="button"><svg x="0" y="0" width="30" version="1.1" xml:space="preserve" viewBox="0 0 427.652 427.652" xmlns="http://www.w3.org/2000/svg" data-v-0b02231d=""><path fill="#00d95f" d="M213.826 0C95.733 0 0 95.733 0 213.826s95.733 213.826 213.826 213.826 213.826-95.733 213.826-213.826S331.919 0 213.826 0zm93.06 310.32c-2.719 4.652-7.612 7.246-12.638 7.247a14.56 14.56 0 01-7.364-2c-38.425-22.456-82.815-26.065-113.295-25.138-33.763 1.027-58.523 7.692-58.769 7.76-7.783 2.126-15.826-2.454-17.961-10.236-2.134-7.781 2.43-15.819 10.209-17.962 1.116-.307 27.76-7.544 64.811-8.766 21.824-.72 42.834.801 62.438 4.52 24.83 4.71 47.48 12.978 67.322 24.574 6.973 4.074 9.321 13.03 5.247 20.001zm27.184-56.459c-3.22 5.511-9.016 8.583-14.97 8.584-2.968 0-5.975-.763-8.723-2.369-45.514-26.6-98.097-30.873-134.2-29.776-39.994 1.217-69.323 9.112-69.614 9.192-9.217 2.515-18.746-2.906-21.275-12.124-2.528-9.218 2.879-18.738 12.093-21.277 1.322-.364 32.882-8.937 76.77-10.384 25.853-.852 50.739.949 73.96 5.354 29.412 5.58 56.241 15.373 79.744 29.108 8.26 4.826 11.042 15.434 6.215 23.692zm16.711-51.335c-3.641 0-7.329-.936-10.7-2.906-108.207-63.238-248.572-25.643-249.977-25.255-11.313 3.117-23.008-3.527-26.124-14.839-3.117-11.312 3.527-23.008 14.839-26.124 1.621-.447 40.333-10.962 94.166-12.737 31.713-1.044 62.237 1.164 90.72 6.567 36.077 6.844 68.987 18.856 97.815 35.704 10.13 5.92 13.543 18.931 7.623 29.061-3.95 6.76-11.059 10.529-18.362 10.529z"></path></svg> Escute no Spotify
</a>
<a class="btn btn-dark" href="https://podcasts.apple.com/br/podcast/%C3%A1gape-belo-horizonte/id1592926043?l=en" role="button"><svg data-v-0eb554ae="" width="30" height="26" fill="none" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg" data-v-0b02231d=""><path fill-rule="evenodd" clip-rule="evenodd" d="M25.182 22.228c-.245.621-.809 1.496-1.61 2.112a5.27 5.27 0 01-1.771.92c-.808.24-1.803.321-3.041.321H7.436c-1.238 0-2.233-.08-3.04-.32a5.272 5.272 0 01-1.772-.92c-.8-.617-1.365-1.492-1.61-2.113-.492-1.252-.497-2.672-.497-3.567V7.338c0-.895.005-2.315.497-3.567.245-.621.81-1.496 1.61-2.112a5.27 5.27 0 011.771-.92C5.203.498 6.198.417 7.437.417H18.76c1.238 0 2.233.08 3.041.32.758.225 1.31.565 1.772.92.8.617 1.364 1.492 1.61 2.113.492 1.252.497 2.672.497 3.567V18.66c0 .895-.005 2.315-.498 3.567z" fill="url(#apple-podcasts-icon-linear-gradient)"></path> <path fill="#fff" d="M14.923 14.881c-.377-.398-1.04-.653-1.823-.653-.783 0-1.447.255-1.824.653a1.157 1.157 0 00-.334.725c-.064.588-.028 1.094.04 1.903.066.772.191 1.8.354 2.847.115.746.21 1.148.295 1.436.139.467.657.875 1.469.875.81 0 1.33-.408 1.468-.875.086-.288.18-.69.296-1.436.162-1.047.287-2.075.352-2.847.07-.809.105-1.315.041-1.903a1.157 1.157 0 00-.334-.725zm-3.88-3.547a2.06 2.06 0 104.118 0 2.06 2.06 0 00-4.119 0zm2.033-8.127c-4.816.014-8.763 3.921-8.822 8.737-.049 3.901 2.442 7.239 5.92 8.462.084.03.17-.04.156-.13a50.475 50.475 0 01-.128-.906.304.304 0 00-.18-.24c-2.748-1.2-4.667-3.957-4.636-7.15.04-4.19 3.462-7.607 7.652-7.64 4.284-.035 7.78 3.44 7.78 7.716 0 3.16-1.91 5.884-4.638 7.075a.304.304 0 00-.178.24c-.04.299-.083.603-.128.906a.118.118 0 00.156.129c3.444-1.212 5.92-4.497 5.92-8.35 0-4.888-3.983-8.863-8.874-8.849zm-.16 4.06a4.8 4.8 0 014.985 4.792c0 1.376-.583 2.62-1.515 3.495a.367.367 0 00-.116.288c.019.329.012.649-.01 1.01a.117.117 0 00.182.104 5.926 5.926 0 002.591-4.897 5.934 5.934 0 00-6.162-5.924c-3.136.122-5.652 2.708-5.693 5.846a5.925 5.925 0 002.592 4.975.116.116 0 00.181-.104 8.483 8.483 0 01-.01-1.01.367.367 0 00-.115-.288 4.783 4.783 0 01-1.514-3.624 4.809 4.809 0 014.604-4.663z"></path> <defs><linearGradient id="apple-podcasts-icon-linear-gradient" x1="13.098" y1=".418" x2="13.098" y2="25.581" gradientUnits="userSpaceOnUse"><stop stop-color="#F452FF"></stop> <stop offset="1" stop-color="#832BC1"></stop></linearGradient></defs></svg> Escute no Apple Podcasts
</a>
<a class="btn btn-dark" href="https://www.google.com/podcasts?feed=aHR0cHM6Ly9tZWRpYS5yc3MuY29tL2FnYXBlYmgvZmVlZC54bWw%3D" role="button"><svg width="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-v-0b02231d=""><g fill="none"><path d="M64 238.545v34.91c0 17.673-14.327 32-32 32s-32-14.327-32-32v-34.91c0-17.673 14.327-32 32-32s32 14.327 32 32z" fill="#0066d9"></path> <path d="M448.013 239.455a32.6 32.6 0 01-.013-.91c0-17.673 14.327-32 32-32s32 14.327 32 32c0 .304-.004.608-.013.91H512v34.909h-.013c-.48 17.252-14.618 31.09-31.987 31.09s-31.506-13.838-31.987-31.09H448v-34.91h.013z" fill="#4285f4"></path> <path d="M174.545 343.273v34.909c0 17.673-14.326 32-32 32s-32-14.327-32-32v-34.91c0-17.672 14.327-32 32-32s32 14.328 32 32zm0-209.455V248h-.008c-.386 17.337-14.562 31.273-31.992 31.273S110.94 265.337 110.554 248h-.009V133.818c0-17.673 14.327-32 32-32s32 14.327 32 32z" fill="#ea4335"></path> <path d="M337.455 168.727c0 17.673 14.326 32 32 32s32-14.327 32-32v-34.909c0-17.673-14.327-32-32-32s-32 14.327-32 32z" fill="#34a853"></path> <path d="M224 66.91c0 17.672 14.327 32 32 32s32-14.328 32-32V32c0-17.673-14.327-32-32-32s-32 14.327-32 32zm0 378.18c0-17.672 14.327-32 32-32s32 14.328 32 32V480c0 17.673-14.327 32-32 32s-32-14.327-32-32z" fill="#fab908"></path> <path d="M337.455 264.727c0-17.673 14.326-32 32-32s32 14.327 32 32v113.455c0 17.673-14.327 32-32 32s-32-14.327-32-32z" fill="#34a853"></path> <path d="M288 162.91v186.18c0 17.674-14.327 32-32 32s-32-14.326-32-32V162.91c0-17.674 14.327-32 32-32s32 14.326 32 32z" fill="#fab908"></path></g></svg> Escute no Google Podcasts
</a>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>