Skip to content

Commit

Permalink
debug
Browse files Browse the repository at this point in the history
  • Loading branch information
@Max1mkasssss
Max1mkasssss committed Feb 15, 2024
1 parent 67fb979 commit 0765d3b
Show file tree
Hide file tree
Showing 2 changed files with 60 additions and 47 deletions.
107 changes: 60 additions & 47 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,7 @@ <h3>antools.</h3>
<div class="buttons flex">
<button type="button">Login</button>
<button type="button">Sign Up</button>
<button onclick="redirectToPage()" type="button">UA</button>
</div>
</nav>
</div>
Expand All @@ -50,13 +51,14 @@ <h3>antools.</h3>
<main class="main">

<!-- Section-1 (Hero) -->
<section class="hero animate__animated animate__backInLeft" >
<section class="hero animate__animated animate__backInLeft">
<div class="container">
<div class="background-section-hero">
<div class="wrapper-section-hero flex">
<div class="text-block-section-hero">
<h1 class="">Awesome tools for Designer & Developer<span class="accent-point">.</span></h1>
<h2>Antool is a web collection of information on paid or free Design and Development tools</h2>
<h2>Antool is a web collection of information on paid or free Design and Development tools
</h2>
<div class="input-wrapper flex">
<img src="img/search.svg" alt="">
<input type="text" placeholder="find more than 430+ tools...">
Expand All @@ -80,7 +82,7 @@ <h3>Tools for the best Designers and Developers
</h3>
<div class="cards">
<ul class="card-list flex">
<li class="card-list-item">
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="img/figma-logo.svg" alt="">
<div class="card-text-about-apps-wrapper flex">
Expand All @@ -97,7 +99,7 @@ <h4>Free</h4>
<p><a href="#">Visit</a></p>
</div>
</li>
<li class="card-list-item">
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="img/scetch-logo.svg" alt="">
<div class="card-text-about-apps-wrapper flex">
Expand All @@ -114,7 +116,7 @@ <h4>Trial & Paid</h4>
<p><a href="#">Visit</a></p>
</div>
</li>
<li class="card-list-item">
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="img/vs-code-logo.svg" alt="">
<div class="card-text-about-apps-wrapper flex">
Expand All @@ -131,7 +133,7 @@ <h4>Free</h4>
<p><a href="#">Visit</a></p>
</div>
</li>
<li class="card-list-item">
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="img/notion-logo.svg" alt="">
<div class="card-text-about-apps-wrapper flex">
Expand All @@ -148,7 +150,7 @@ <h4>Free & Paid</h4>
<p><a href="#">Visit</a></p>
</div>
</li>
<li class="card-list-item">
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="img/slack-logo.svg" alt="">
<div class="card-text-about-apps-wrapper flex">
Expand All @@ -165,7 +167,7 @@ <h4>Free & Paid</h4>
<p><a href="#">Visit</a></p>
</div>
</li>
<li class="card-list-item">
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="img/invision-logo.svg" alt="">
<div class="card-text-about-apps-wrapper flex">
Expand All @@ -191,22 +193,24 @@ <h4>Free & Paid</h4>
</section>

<!-- Section-2 -->
<section class="net-works" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine" class="most-popular-tools">
<section class="net-works" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine"
class="most-popular-tools">
<div class="container">
<div class="net-works-section-wrapper">
<h2>Trusted more than 150+ brand</h2>
<ul class="section-net-works-list flex">
<li class="section-net-works-list"><img src="/img/microsoft.svg" alt="microsoft"></li>
<li class="section-net-works-list"><img src="/img/google.svg" alt=""></li>
<li class="section-net-works-list"><img src="/img/slack.svg" alt=""></li>
<li class="section-net-works-list"><img src="/img/wordpress.svg" alt=""></li>
<li class="section-net-works-list"><img src="img/microsoft.svg" alt="microsoft"></li>
<li class="section-net-works-list"><img src="img/google.svg" alt=""></li>
<li class="section-net-works-list"><img src="img/slack.svg" alt=""></li>
<li class="section-net-works-list"><img src="img/wordpress.svg" alt=""></li>
</ul>
</div>
</div>
</section>

<!-- section 3 -->
<section class="Newcomer-Tools" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine" class="most-popular-tools">
<section class="Newcomer-Tools" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine"
class="most-popular-tools">
<div class="container">
<div class="Newcomer-tools-wrapper flex">
<div class="Newcomer-tools-section-text-block">
Expand All @@ -219,7 +223,7 @@ <h2>Newcomer Tools</h2>
<ul class="card-list flex">
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="/img/zerplin-logo.svg" alt="">
<img src="img/zerplin-logo.svg" alt="">
<div class="card-text-about-apps-wrapper flex">
<h3>Zeplin</h3>
<h4>Free & Paid</h4>
Expand All @@ -228,15 +232,15 @@ <h4>Free & Paid</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="card-images-wrapper flex">
<ul class="card-images-list flex">
<li><img src="/img/heard.svg" alt=""></li>
<li><img src="/img/folder.svg" alt=""></li>
<li><img src="img/heard.svg" alt=""></li>
<li><img src="img/folder.svg" alt=""></li>
</ul>
<p><a href="#">Visit</a></p>
</div>
</li>
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="/img/php-logo.svg" alt="">
<img src="img/php-logo.svg" alt="">
<div class="card-text-about-apps-wrapper flex">
<h3>PHPStorm</h3>
<h4>Free</h4>
Expand All @@ -245,15 +249,15 @@ <h4>Free</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="card-images-wrapper flex">
<ul class="card-images-list flex">
<li><img src="/img/heard.svg" alt=""></li>
<li><img src="/img/folder.svg" alt=""></li>
<li><img src="img/heard.svg" alt=""></li>
<li><img src="img/folder.svg" alt=""></li>
</ul>
<p><a href="#">Visit</a></p>
</div>
</li>
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="/img/toolbox-logo.svg" alt="">
<img src="img/toolbox-logo.svg" alt="">
<div class="card-text-about-apps-wrapper flex">
<h3>Toolbox</h3>
<h4>Free</h4>
Expand All @@ -262,15 +266,15 @@ <h4>Free</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="card-images-wrapper flex">
<ul class="card-images-list flex">
<li><img src="/img/heard.svg" alt=""></li>
<li><img src="/img/folder.svg" alt=""></li>
<li><img src="img/heard.svg" alt=""></li>
<li><img src="img/folder.svg" alt=""></li>
</ul>
<p><a href="#">Visit</a></p>
</div>
</li>
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="/img/procreate-logo.svg" alt="">
<img src="img/procreate-logo.svg" alt="">
<div class="card-text-about-apps-wrapper flex">
<h3>Procreate</h3>
<h4>Paid</h4>
Expand All @@ -279,8 +283,8 @@ <h4>Paid</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="card-images-wrapper flex">
<ul class="card-images-list flex">
<li><img src="/img/heard.svg" alt=""></li>
<li><img src="/img/folder.svg" alt=""></li>
<li><img src="img/heard.svg" alt="heard"></li>
<li><img src="img/folder.svg" alt="folder"></li>
</ul>
<p><a href="#">Visit</a></p>
</div>
Expand All @@ -292,7 +296,8 @@ <h4>Paid</h4>
</section>


<section class="section-4" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine" class="most-popular-tools">
<section class="section-4" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine"
class="most-popular-tools">
<div class="container">
<div class="wrapper-section-4 flex">
<div class="foto-section-4">
Expand All @@ -312,47 +317,50 @@ <h3>Ronald Richards</h3>
</div>
</div>
</section>
<section class="BAA" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine" class="most-popular-tools">
<section class="BAA" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine"
class="most-popular-tools">
<div class="container">
<h2>Become a contributor?</h2>
<p style="width: 427px; text-align: center;">Join us and get tips & tricks to become a great Designer and Developer</p>
<p style="width: 427px; text-align: center;">Join us and get tips & tricks to become a great Designer
and Developer</p>
<div class="foot-btn">
<div class="input-wrapper flex">
<img src="/img/search.svg" alt="">
<input type="text" placeholder="Enter your email...">
<button class="search-button">Join Us</button>
<div class="input-wrapper flex">
<img src="img/search.svg" alt="">
<input type="text" placeholder="Enter your email...">
<button class="search-button">Join Us</button>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<ul class="footer-list flex">
<li class="list-item-1 footer-item">
<div class="logotype-wrapp flex logo-footer">
<img src="/img/logotype.svg" alt="logotype">
<h3>antools.</h3>
</div>
<p id="footer-p-1">Copyright 2021. Antools</p>
<p id="footer-p-2">Antool is a web collection of information on paid or free Design and Development tools</p>
<div class="logotype-wrapp flex logo-footer">
<img src="img/logotype.svg" alt="logotype">
<h3>antools.</h3>
</div>
<p id="footer-p-1">Copyright 2021. Antools</p>
<p id="footer-p-2">Antool is a web collection of information on paid or free Design and Development
tools</p>
</li>
<li class="list-item-2 footer-item">
<h3 class="logo-footer"> Contact Us </h3>
<h3 class="logo-footer"> Contact Us </h3>
<a id="footer-p-2" href="tel:+621987463">+621987463</a>
<address id="footer-p-2">M Building, No.10 A</address>
<a id="footer-p-2" href="mailto:antools@awesome.com">antools@awesome.com</a>
</li>
<li class="list-item-3 footer-item">
<h3 class="logo-footer">Categories</h3>
<p id="footer-p-2" >Design</p>
<h3 class="logo-footer">Categories</h3>
<p id="footer-p-2">Design</p>
<p id="footer-p-2">Development</p>
</li>
<li class="list-item-4 footer-item">
<h3 class="logo-footer">Company Info</h3>
<p id="footer-p-2" >About Us</p>
<p id="footer-p-2">Our Partners</p>
<p id="footer-p-2">Blog</p>
<h3 class="logo-footer">Company Info</h3>
<p id="footer-p-2">About Us</p>
<p id="footer-p-2">Our Partners</p>
<p id="footer-p-2">Blog</p>
</li>
</ul>
</div>
Expand All @@ -362,6 +370,11 @@ <h3 class="logo-footer">Company Info</h3>
<script>
AOS.init();
</script>
<script>
function redirectToPage() {
window.location.href = "index.ua.html";
}
</script>

</body>

Expand Down
Empty file added index.ua.html
View file
Empty file.

0 comments on commit 0765d3b

Please sign in to comment.