Skip to content

Commit

Permalink
Modify Hero and Slideshow code app
Browse files Browse the repository at this point in the history
  • Loading branch information
@DanielArturoAlejoAlvarez
DanielArturoAlejoAlvarez committed Nov 16, 2023
1 parent 271c989 commit 85230ec
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 44 deletions.
4 changes: 2 additions & 2 deletions assets/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -168,11 +168,11 @@ h1,h2,h3,h4,h5,h6 {
, url(../img/dev-4.jpg);
background-size: cover;
background-position: center;
height: 100vh;
height: 100vh;*/
padding: .5rem calc(100vw - 1200px)/2;
display: flex;
justify-content: center;
align-items: center;*/
align-items: center;
}

.hero__content {
Expand Down
84 changes: 42 additions & 42 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<!-- Navigator -->
<nav class="navbar">
<a href="/" class="navbar__logo">NewCo</a>
<a href="#hero" class="navbar__logo">NewCo</a>
<div class="navbar__toggle" id="mobile-menu">
<span class="bar"></span><span class="bar"></span><span class="bar"></span>
</div>
Expand All @@ -30,53 +30,53 @@
</div>
</nav>

<!-- Slideshow -->
<div class="slider-container">

<div class="slider" id="slider">
<div class="slider__section">
<img src="./assets/img/slider/slider-1.jpg"
alt="slider 1" class="slider__image">
</div>
<div class="slider__section">
<img src="./assets/img/slider/slider-2.jpg"
alt="slider 2" class="slider__image">
</div>
<div class="slider__section">
<img src="./assets/img/slider/slider-3.jpg"
alt="slider 3" class="slider__image">
</div>
<div class="slider__section">
<img src="./assets/img/slider/slider-4.jpg"
alt="slider 4" class="slider__image">
</div>
<div class="slider__section">
<img src="./assets/img/slider/slider-5.jpg"
alt="slider 5" class="">
</div>

<!-- Hero -->
<div class="hero" id="hero">

<div class="mask"></div>

<!-- Slideshow -->
<div class="slider-container">
<div class="hero__content">
<h1 class="animate-hero">NewCo</h1>
<h2 class="animate-hero">Software Development — Cyber Security — Cloud — UI/UX — AI</h2>
<a class="button animate-hero" href="#footer">Join Now<i class="fas fa-chevron-right"></i></a>
</div>
<div class="slider" id="slider">
<div class="slider__section">
<img src="./assets/img/slider/slider-1.jpg"
alt="slider 1" class="slider__image">
</div>
<div class="slider__section">
<img src="./assets/img/slider/slider-2.jpg"
alt="slider 2" class="slider__image">
</div>
<div class="slider__section">
<img src="./assets/img/slider/slider-3.jpg"
alt="slider 3" class="slider__image">
</div>
<div class="slider__section">
<img src="./assets/img/slider/slider-4.jpg"
alt="slider 4" class="slider__image">
</div>
<div class="slider__section">
<img src="./assets/img/slider/slider-5.jpg"
alt="slider 5" class="">
</div>

</div>
<div class="slider__btn slider__btn--right" id="btn-right">
<i class="fas fa-chevron-right"></i>
</div>
<div class="slider__btn slider__btn--left" id="btn-left">
<i class="fas fa-chevron-left"></i>
</div>
</div>

<!-- end slideshow -->
<!-- Hero -->
<div class="hero" id="hero">

</div>
<div class="slider__btn slider__btn--right" id="btn-right">
<i class="fas fa-chevron-right"></i>
</div>
<div class="slider__btn slider__btn--left" id="btn-left">
<i class="fas fa-chevron-left"></i>
</div>
<div class="mask"></div>
<div class="hero__content">
<h1 class="animate-hero">NewCo</h1>
<h2 class="animate-hero">Software Development — Cyber Security — Cloud — UI/UX — AI</h2>
<a class="button animate-hero" href="#footer">Join Now<i class="fas fa-chevron-right"></i></a>
</div>

<!-- end slideshow -->


</div>
<!-- <div class="hero" id="hero">
Expand Down

0 comments on commit 85230ec

Please sign in to comment.