Skip to content

Commit

Permalink
added img alts
Browse files Browse the repository at this point in the history
  • Loading branch information
@bilecky
bilecky committed Aug 16, 2023
1 parent 41cfa3f commit 325f4c2
Showing 1 changed file with 15 additions and 14 deletions.
29 changes: 15 additions & 14 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,8 +40,9 @@


<header>
<nav class=" py-8 flex items-center justify-between px-8 " >
<h1 data-aos="zoom-in" data-aos-duration="1200" class="text-white text-2xl"><a href="#"><img src="icons/logo-icon.svg" alt="giard design logo"></a></h1>
<nav class=" py-8 flex items-center justify-between px-8 ">
<h1 data-aos="zoom-in" data-aos-duration="1200" class="text-white text-2xl"><a href="#"><img
src="icons/logo-icon.svg" alt="giard design logo"></a></h1>
<div data-aos="zoom-in" data-aos-duration="1200" class="lg:hidden fixed right-8 z-50">
<button id="mobile-menu-button" class="text-themeBlack transition hover:text-gray-500 focus:outline-none">
<svg class="h-8 w-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"
Expand All @@ -51,7 +52,7 @@ <h1 data-aos="zoom-in" data-aos-duration="1200" class="text-white text-2xl"><a h
</svg>
</button>
</div>
<ul class="hidden lg:flex space-x-4 ">
<ul data-aos="zoom-in" data-aos-duration="1200" class="hidden lg:flex space-x-4 ">
<li class="relative group">
<a href="#" class=" hover:text-gray-900 underline-effect flex items-center">
Oferta
Expand All @@ -75,7 +76,7 @@ <h1 data-aos="zoom-in" data-aos-duration="1200" class="text-white text-2xl"><a h
<li><a href="#" class="text-themeBlack hover:text-gray-800 underline-effect">Kontakt</a></li>
<li>
<button id="searchButton" class="text-white hover:text-gray-300 focus:outline-none">
<img src="icons/search-icon.svg" alt="">
<img src="icons/search-icon.svg" alt="search-icon">
</button>
<div id="searchContainer" class="hidden ">
<input type="text" class="border rounded px-2 " placeholder="Szukaj...">
Expand Down Expand Up @@ -114,12 +115,11 @@ <h1 data-aos="zoom-in" data-aos-duration="1200" class="text-white text-2xl"><a h

<div class="relative ">
<div class="lg:pr-28 " data-aos="fade-right" data-aos-duration="1200">
<h2
<h2
class="header-heading text-4xl font-medium md:text-5xl lg:text-6xl text-primary mb-4 tracking-wide ">
Nowoczesna
aranżacja Twojego ogrodu</h2>
<p
class="tracking-wide font-medium md:text-base text-themeBlack mb-6 text-left mt-11 ">Marka
<p class="tracking-wide font-medium md:text-base text-themeBlack mb-6 text-left mt-11 ">Marka
GiardDesign to
wieloletnie
doświadczenie i
Expand All @@ -128,8 +128,8 @@ <h1 data-aos="zoom-in" data-aos-duration="1200" class="text-white text-2xl"><a h
projektu.</p>
</div>

<div class="flex flex-col lg:flex-row gap-4 mt-16" >
<a href="#contact"
<div class="flex flex-col lg:flex-row gap-4 mt-16">
<a href="#contact"
class="text-themeGrey bg-themeGreenBgc rounded-full px-5 py-3 text-center sm:w-3/5 md:w-4/5 lg:w-auto transition hover:scale-105">Skontaktuj
się z nami</a>
<div
Expand Down Expand Up @@ -168,7 +168,7 @@ <h3 class="text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-medium mb-8 text-t
<div
class="md:w-[380px] cursor-pointer bg-white p-8 rounded-card transition-transform duration-300 transform hover:-translate-y-2 ">
<div class="flex items-center mb-8">
<img src="icons/projects-icon.png" alt="" class="w-11 h-8">
<img src="icons/projects-icon.png" alt="projects icon" class="w-11 h-8">
</div>
<h4 class="text-2xl font-medium mb-2">
Projekty </h4>
Expand All @@ -189,7 +189,7 @@ <h4 class="text-2xl font-medium mb-2">
<div
class="md:w-[380px] cursor-pointer bg-white p-8 rounded-card transition-transform duration-300 transform hover:-translate-y-2 ">
<div class="flex items-center mb-8">
<img src="icons/visualisations-icon.png" alt="" class="w-11 h-8">
<img src="icons/visualisations-icon.png" alt="visualizations icon" class="w-11 h-8">
</div>
<h4 class="text-2xl font-medium mb-2">
Wizualizacje </h4>
Expand All @@ -208,7 +208,7 @@ <h4 class="text-2xl font-medium mb-2">
<div
class="md:w-[380px] cursor-pointer bg-white p-8 rounded-card transition-transform duration-300 transform hover:-translate-y-2 ">
<div class="flex items-center mb-8">
<img src="icons/realizations-icon.png" alt="" class="w-11 h-8">
<img src="icons/realizations-icon.png" alt="realizations icon" class="w-11 h-8">
</div>
<h4 class="text-2xl font-medium mb-2">
Realizacje </h4>
Expand Down Expand Up @@ -318,7 +318,8 @@ <h3 class="text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-medium mb-8 text-t
<section class="instagram-section py-16 max-w-7xl mx-auto px-8 ">


<div data-aos="fade-right" data-aos-duration="1100" class="bg-themeGreenBgc py-28 px-4 md:px-10 lg:px-20 md:flex justify-between text-center md:text-left">
<div data-aos="fade-right" data-aos-duration="1100"
class="bg-themeGreenBgc py-28 px-4 md:px-10 lg:px-20 md:flex justify-between text-center md:text-left">

<h3 class="md:w-3/5 lg:w-3/4 mb-6 md:mb-0 text-themeGrey text-2xl md:text-3xl lg:text-4xl xl:text-5xl ">
Zostańmy w kontakcie! Znajdziesz nas na <span class="italic font-semibold">Instagramie.</span></h3>
Expand Down Expand Up @@ -367,7 +368,7 @@ <h5 class=" flex items-center justify-center"><a href="#"><img src="icons/logo-i
<span>Prawa zastrzeżone © 2022</span>
<div class="md:flex">
<span class="inline-block p-3">made by</span><img class="block mx-auto"
src="icons/logo-full-light-adrespect.svg" alt="">
src="icons/logo-full-light-adrespect.svg" alt="adrespect logo">
</div>
</div>
</div>
Expand Down

0 comments on commit 325f4c2

Please sign in to comment.