├── .DS_Store ├── assets ├── bg.jpg ├── bg2.jpeg ├── gama.png ├── logo.png └── loader.gif ├── js └── script.js ├── index.html └── css └── style.css /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrdouglasmorais/vtex-gamaacademy/HEAD/.DS_Store -------------------------------------------------------------------------------- /assets/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrdouglasmorais/vtex-gamaacademy/HEAD/assets/bg.jpg -------------------------------------------------------------------------------- /assets/bg2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrdouglasmorais/vtex-gamaacademy/HEAD/assets/bg2.jpeg -------------------------------------------------------------------------------- /assets/gama.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrdouglasmorais/vtex-gamaacademy/HEAD/assets/gama.png -------------------------------------------------------------------------------- /assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrdouglasmorais/vtex-gamaacademy/HEAD/assets/logo.png -------------------------------------------------------------------------------- /assets/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mrdouglasmorais/vtex-gamaacademy/HEAD/assets/loader.gif -------------------------------------------------------------------------------- /js/script.js: -------------------------------------------------------------------------------- 1 | const form = document.getElementById('form') 2 | 3 | form.addEventListener('submit', (e) => { 4 | e.preventDefault(); 5 | let nome = document.getElementById('nome').value; 6 | let email = document.getElementById('email').value; 7 | let data = { 8 | nome, 9 | email, 10 | } 11 | let convertData = JSON.stringify(data); 12 | 13 | localStorage.setItem('lead', convertData) 14 | 15 | let content = document.getElementById('content') 16 | 17 | let carregando = `

carregando...

` 18 | 19 | let pronto = `

pronto

` 20 | 21 | content.innerHTML = carregando 22 | 23 | 24 | setTimeout(() => { 25 | content.innerHTML = pronto 26 | }, 1000) 27 | 28 | }) -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Promoção imperdível 9 | 10 | 11 |
12 | Logotipo 13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | 21 |
22 |
23 |
24 | 25 |
26 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | html { 7 | scroll-behavior: smooth; 8 | } 9 | 10 | .section-container{ 11 | height: 100vh; 12 | width: 100%; 13 | display: flex; 14 | justify-content: center; 15 | align-items: center; 16 | } 17 | 18 | .background-section-one{ 19 | background-image: url(../assets/bg.jpg); 20 | background-attachment: fixed; 21 | background-size: cover; 22 | background-repeat: no-repeat; 23 | } 24 | .background-section-two{ 25 | background-image: url(../assets/bg2.jpeg); 26 | background-attachment: fixed; 27 | background-size: cover; 28 | background-repeat: no-repeat; 29 | } 30 | 31 | .card-container{ 32 | background: #fff; 33 | border-radius: 25px; 34 | padding: 25px; 35 | max-width: 450px; 36 | } 37 | 38 | input{ 39 | width: 100%; 40 | height: 30px; 41 | margin-bottom: 10px; 42 | text-align: center; 43 | border-radius: 12px; 44 | background: #000; 45 | color: #fff 46 | } 47 | 48 | form{ 49 | display: grid; 50 | } 51 | 52 | footer{ 53 | height: 150px; 54 | padding: 25px; 55 | text-align: center; 56 | background-color: #000; 57 | color: #fff; 58 | } 59 | 60 | 61 | --------------------------------------------------------------------------------