Skip to content

Commit

Permalink
section 4 - blog page (#222)
Browse files Browse the repository at this point in the history
  • Loading branch information
@LauraBLei
LauraBLei authored Mar 29, 2024
1 parent 49b5883 commit b93883f
Show file tree
Hide file tree
Showing 4 changed files with 20 additions and 2 deletions.
Binary file added assets/placeholder-images/Arrow-forward-circle (1).png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/placeholder-images/Arrow-forward-circle.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 20 additions & 2 deletions pages/blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -124,6 +124,7 @@
</div>
</nav>
</header>
<main>
<!-- Search Bar Overlay, hidden initially. -->
<section
id="search-drawer-from-header"
Expand Down Expand Up @@ -167,7 +168,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
<!-- JS intention: On click, add -translate-y-full to section id="search-drawer-from-header" and remove translate-y-0 -->
</div>
</section>
<main>

<!--Main Content Section 2-->
<section class="flex flex-col items-center">
<div class="max-w-[1200px] flex my-[119px] items-center gap-4">
Expand Down Expand Up @@ -224,7 +225,24 @@ <h2 class="font-semibold text-3xl">Title Here</h2>
<button class="alt-button self-end mx-10 text-xl font-normal">SUPPORT US</button>
</div>
</div>
<!--End Main Content Section 3-->
</section>
<!--End Main Content Section 3-->
<!--Main Content Section 4-->
<section class="bg-dark-green pt-[79px] pb-[188px] flex justify-center ">
<div class="max-w-[1200px] overflow-x-scroll">
<div class="flex gap-[50px] pl-[40px]">
<img class="absolute self-center hidden" src="/assets/placeholder-images/Arrow-forward-circle (1).png" alt="">
<img class="absolute self-center right-5" src="/assets/placeholder-images/Arrow-forward-circle.png" alt="">
<img class="w-[478px] h-[533px] object-cover" src="/assets/placeholder-images/IMG_8979.webp" alt="">
<img class="w-[478px] h-[533px] object-cover" src="/assets/placeholder-images/IMG_3568.webp" alt="">
<img class="w-[478px] h-[533px] object-cover" src="/assets/placeholder-images/IMG_3078.webp" alt="">
<img class="w-[478px] h-[533px] object-cover" src="/assets/placeholder-images/IMG_4202.webp" alt="">
<img class="w-[478px] h-[533px] object-cover" src="/assets/placeholder-images/IMG_7425.webp" alt="">
<img class="w-[478px] h-[533px] object-cover" src="/assets/placeholder-images/IMG_1457.webp" alt="">
</div>
</div>
</section>
<!--End Main Content Section 4-->
</main>
</body>
</html>
Empty file added test.html
View file
Empty file.

0 comments on commit b93883f

Please sign in to comment.