diff --git a/assets/images/mini-banner-01.png b/assets/images/mini-banner-01.png new file mode 100644 index 0000000..3fd3851 Binary files /dev/null and b/assets/images/mini-banner-01.png differ diff --git a/assets/images/mini-banner-02.png b/assets/images/mini-banner-02.png new file mode 100644 index 0000000..b8b9043 Binary files /dev/null and b/assets/images/mini-banner-02.png differ diff --git a/assets/images/mini-banner-03.png b/assets/images/mini-banner-03.png new file mode 100644 index 0000000..babc07d Binary files /dev/null and b/assets/images/mini-banner-03.png differ diff --git a/assets/styles/style.css b/assets/styles/style.css index c769ee2..f80af35 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -119,6 +119,30 @@ a { padding-bottom: 27px; } +/* MAIN - TRÊS IMAGENS MINI BANNER CENTRAL */ + +.mini-banner-container { + background: #E0E0E0; +} + +.mini-banner-wrapper { + position: relative; + display: flex; + justify-content: center; + align-items: center; + bottom: -62px; + gap: 39px; +} + +.mini-banner { + width: 29%; +} + +.mini-banner-image { + display: block; + width: 100%; +} + /* MOBILE */ @media (max-width: 1024px) { diff --git a/index.html b/index.html index 2fbaec6..2c407ba 100644 --- a/index.html +++ b/index.html @@ -71,6 +71,22 @@ + +