Renomeia pasta 'assests' para 'assets'
@ -1,4 +1,4 @@
|
||||
# challenge-landing-page
|
||||
# practice-time-landing-page
|
||||
|
||||
|
||||
|
||||
@ -15,7 +15,7 @@ Already a pro? Just edit this README.md and make it your own. Want to make it ea
|
||||
|
||||
```
|
||||
cd existing_repo
|
||||
git remote add origin https://gitlab.com/m3-academy/fase-01/challenge-landing-page.git
|
||||
git remote add origin https://gitlab.com/m3-academy/fase-01/practice-time-landing-page.git
|
||||
git branch -M main
|
||||
git push -uf origin main
|
||||
```
|
||||
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 360 KiB After Width: | Height: | Size: 360 KiB |
BIN
assets/images/bottom-infocard-image-mobile.png
Normal file
|
After Width: | Height: | Size: 247 KiB |
|
Before Width: | Height: | Size: 287 B After Width: | Height: | Size: 287 B |
|
Before Width: | Height: | Size: 492 B After Width: | Height: | Size: 492 B |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 340 KiB After Width: | Height: | Size: 340 KiB |
|
Before Width: | Height: | Size: 237 KiB After Width: | Height: | Size: 237 KiB |
|
Before Width: | Height: | Size: 214 KiB After Width: | Height: | Size: 214 KiB |
|
Before Width: | Height: | Size: 318 KiB After Width: | Height: | Size: 318 KiB |
|
Before Width: | Height: | Size: 962 B After Width: | Height: | Size: 962 B |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 351 B After Width: | Height: | Size: 351 B |
28
index.html
@ -12,19 +12,19 @@
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="./assests/style/main.css">
|
||||
<link rel="stylesheet" href="./assets/style/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header">
|
||||
<a href="/">
|
||||
<img class="header-logo" src="./assests/images/logo-m3academy.svg" alt="Logo M3 Academy">
|
||||
<img class="header-logo" src="./assets/images/logo-m3academy.svg" alt="Logo M3 Academy">
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section>
|
||||
<img class="main-banner main-banner-desktop" src="./assests/images/main-banner-desktop.png" alt="Banner principal desktop">
|
||||
<img class="main-banner main-banner-mobile" src="./assests/images/main-banner-mobile.png" alt="Banner principal mobile">
|
||||
<img class="main-banner main-banner-desktop" src="./assets/images/main-banner-desktop.png" alt="Banner principal desktop">
|
||||
<img class="main-banner main-banner-mobile" src="./assets/images/main-banner-mobile.png" alt="Banner principal mobile">
|
||||
</section>
|
||||
|
||||
<section class="top-infocard">
|
||||
@ -36,24 +36,24 @@
|
||||
<p class="top-infocard-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui. </p>
|
||||
</div>
|
||||
|
||||
<img class="top-infocard-image" src="./assests/images/top-infocard-image.png" alt="Imagem do infocard do topo">
|
||||
<img class="top-infocard-image" src="./assets/images/top-infocard-image.png" alt="Imagem do infocard do topo">
|
||||
</section>
|
||||
|
||||
<section class="top-cards">
|
||||
<div class="top-card">
|
||||
<img class="top-card-image" src="./assests/images/top-card-image-01.png" alt="">
|
||||
<img class="top-card-image" src="./assets/images/top-card-image-01.png" alt="">
|
||||
|
||||
<p class="top-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
|
||||
</div>
|
||||
|
||||
<div class="top-card">
|
||||
<img class="top-card-image" src="./assests/images/top-card-image-02.png" alt="">
|
||||
<img class="top-card-image" src="./assets/images/top-card-image-02.png" alt="">
|
||||
|
||||
<p class="top-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
|
||||
</div>
|
||||
|
||||
<div class="top-card">
|
||||
<img class="top-card-image" src="./assests/images/top-card-image-03.png" alt="">
|
||||
<img class="top-card-image" src="./assets/images/top-card-image-03.png" alt="">
|
||||
|
||||
<p class="top-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
|
||||
</div>
|
||||
@ -62,15 +62,15 @@
|
||||
<section class="middle-cards">
|
||||
<div class="middle-cards-wrapper">
|
||||
<div class="middle-card">
|
||||
<img class="middle-card-image" src="./assests/images/middle-card-image-01.png" alt="">
|
||||
<img class="middle-card-image" src="./assets/images/middle-card-image-01.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="middle-card">
|
||||
<img class="middle-card-image" src="./assests/images/middle-card-image-02.png" alt="">
|
||||
<img class="middle-card-image" src="./assets/images/middle-card-image-02.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="middle-card">
|
||||
<img class="middle-card-image" src="./assests/images/middle-card-image-03.png" alt="">
|
||||
<img class="middle-card-image" src="./assets/images/middle-card-image-03.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -81,19 +81,19 @@
|
||||
<ul class="footer-icons">
|
||||
<li class="footer-icon">
|
||||
<a href="#" target="_blank">
|
||||
<img src="./assests/images/instagram-icon.png" alt="Ícone do Instagram">
|
||||
<img src="./assets/images/instagram-icon.png" alt="Ícone do Instagram">
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="footer-icon">
|
||||
<a href="#" target="_blank">
|
||||
<img src="./assests/images/facebook-icon.png" alt="Ícone do Facebook">
|
||||
<img src="./assets/images/facebook-icon.png" alt="Ícone do Facebook">
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="footer-icon">
|
||||
<a href="#" target="_blank">
|
||||
<img src="./assests/images/youtube-icon.png" alt="Ícone do Youtube">
|
||||
<img src="./assets/images/youtube-icon.png" alt="Ícone do Youtube">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||