Skip to content

Commit

Permalink
last deploy
Browse files Browse the repository at this point in the history
  • Loading branch information
@Max1mkasssss
Max1mkasssss committed Feb 20, 2024
1 parent c3e8e59 commit a8e6e66
Show file tree
Hide file tree
Showing 3 changed files with 76 additions and 41 deletions.
64 changes: 33 additions & 31 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ <h1 class="">Awesome tools for Designer & Developer<span class="accent-point">.<
<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="">
<img src="img/search.svg" alt="search">
<input type="text" placeholder="find more than 430+ tools...">
<button class="search-button">Search</button>
</div>
Expand All @@ -84,7 +84,7 @@ <h3>Tools for the best Designers and Developers
<ul class="card-list flex">
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="img/figma-logo.svg" alt="">
<img src="img/figma-logo.svg" alt="figma">
<div class="card-text-about-apps-wrapper flex">
<h3>FIGMA</h3>
<h4>Free</h4>
Expand All @@ -93,15 +93,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 class="like"><img src="img/heard.svg" alt=""></li>
<li class="folder"><img src="img/folder.svg" alt=""></li>
<li class="like"><img src="img/heard.svg" alt="heard"></li>
<li class="folder"><img src="img/folder.svg" alt="folder"></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/scetch-logo.svg" alt="">
<img src="img/scetch-logo.svg" alt="scetch">
<div class="card-text-about-apps-wrapper flex">
<h3>Sketch</h3>
<h4>Trial & Paid</h4>
Expand All @@ -110,15 +110,15 @@ <h4>Trial & 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>
</li>
<li class="card-list-item">
<div class="card-text-about-apps flex">
<img src="img/vs-code-logo.svg" alt="">
<img src="img/vs-code-logo.svg" alt="vs-code">
<div class="card-text-about-apps-wrapper flex">
<h3>Visual Studio Code</h3>
<h4>Free</h4>
Expand All @@ -127,15 +127,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="heard"></li>
<li><img src="img/folder.svg" alt="folder"></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/notion-logo.svg" alt="">
<img src="img/notion-logo.svg" alt="notion">
<div class="card-text-about-apps-wrapper flex">
<h3>Notion</h3>
<h4>Free & Paid</h4>
Expand All @@ -144,15 +144,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="heard"></li>
<li><img src="img/folder.svg" alt="folder"></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/slack-logo.svg" alt="">
<img src="img/slack-logo.svg" alt="slack">
<div class="card-text-about-apps-wrapper flex">
<h3>Slack</h3>
<h4>Free & Paid</h4>
Expand All @@ -161,15 +161,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="heard"></li>
<li><img src="img/folder.svg" alt="folder"></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/invision-logo.svg" alt="">
<img src="img/invision-logo.svg" alt="invision">
<div class="card-text-about-apps-wrapper flex">
<h3>Invision</h3>
<h4>Free & Paid</h4>
Expand All @@ -178,8 +178,8 @@ <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="heard"></li>
<li><img src="img/folder.svg" alt="folder"></li>
</ul>
<p><a href="#">Visit</a></p>
</div>
Expand All @@ -200,9 +200,9 @@ <h4>Free & Paid</h4>
<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/google.svg" alt="google"></li>
<li class="section-net-works-list"><img src="img/slack.svg" alt="slack"></li>
<li class="section-net-works-list"><img src="img/wordpress.svg" alt="wordpress"></li>
</ul>
</div>
</div>
Expand All @@ -223,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="zerplin">
<div class="card-text-about-apps-wrapper flex">
<h3>Zeplin</h3>
<h4>Free & Paid</h4>
Expand All @@ -232,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="heard"></li>
<li><img src="img/folder.svg" alt="folder"></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="php-logo">
<div class="card-text-about-apps-wrapper flex">
<h3>PHPStorm</h3>
<h4>Free</h4>
Expand All @@ -249,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="heard"></li>
<li><img src="img/folder.svg" alt="folder"></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="toolbox">
<div class="card-text-about-apps-wrapper flex">
<h3>Toolbox</h3>
<h4>Free</h4>
Expand All @@ -266,8 +266,8 @@ <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="heard"></li>
<li><img src="img/folder.svg" alt="folder"></li>
</ul>
<p><a href="#">Visit</a></p>
</div>
Expand Down Expand Up @@ -398,6 +398,8 @@ <h3 class="logo-footer">Company Info</h3>
});
}


// скрол - стрілочка
window.onscroll = function () { scrollFunction() };

function scrollFunction() {
Expand Down
50 changes: 41 additions & 9 deletions index.ua.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,10 +33,10 @@
<h3>antools.</h3>
</div>
<ul class="header-list flex">
<li class="header-list-item"><a href="#">Головна</a></li>
<li class="header-list-item"><a href="#">Категорії</a></li>
<li class="header-list-item"><a href="#">Мої колекції</a></li>
<li class="header-list-item"><a href="#">Блог</a></li>
<li class="header-list-item"><a href="#home">Головна</a></li>
<li class="header-list-item"><a href="#categories">Категорії</a></li>
<li class="header-list-item"><a href="#collections">Мої колекції</a></li>
<li class="header-list-item"><a href="#blog">Блог</a></li>
</ul>
<div class="buttons flex">
<button onclick="OpenRegMenuEN()" type="button">Увійти</button>
Expand Down Expand Up @@ -78,7 +78,7 @@ <h2>Antool - це веб-колекція інформації про платн

<section data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine" class="most-popular-tools">
<div class="container">
<h2 id="Categories">Найпопулярніші Інструменти</h2>
<h2 id="categories">Найпопулярніші Інструменти</h2>
<h3>Інструменти для найкращих Дизайнерів та Розробників, які найбільш популярно використовуються в світі
</h3>
<div class="cards">
Expand Down Expand Up @@ -198,7 +198,7 @@ <h4>Безкоштовно та Платно</h4>

<!-- Section-2 -->
<section class="net-works" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine"
class="most-popular-tools">
class="most-popular-tools" id="collections">
<div class="container">
<div class="net-works-section-wrapper">
<h2>Довірено більш ніж 150+ брендами</h2>
Expand Down Expand Up @@ -299,7 +299,7 @@ <h4>Платно</h4>
</section>


<section class="section-4" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine">
<section class="section-4" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine" id="blog">
<div class="container">
<div class="wrapper-section-4 flex">
<div class="foto-section-4">
Expand Down Expand Up @@ -366,7 +366,7 @@ <h3 class="logo-footer">Інформація про компанію</h3>
</ul>
</div>
</footer>

<button class="go-to-top" onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">↑</button>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
Expand All @@ -375,9 +375,41 @@ <h3 class="logo-footer">Інформація про компанію</h3>
function redirectToPageEN() {
window.location.href = "index.html";
}
function OpenRegMenuEN(){
function OpenRegMenuEN() {
window.location.href = "reg-menu-en.html";
}


// Плавний скролл
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();

document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});

function scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}


// скрол - стрілочка
window.onscroll = function () { scrollFunction() };

function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("scrollToTopBtn").style.display = "block";
} else {
document.getElementById("scrollToTopBtn").style.display = "none";
}
}

</script>
</body>

Expand Down
3 changes: 2 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -654,7 +654,8 @@ footer{
/* Reg */
.reg-menu-body{
background-size: 100%;
background-image: url(https://bogatyr.club/uploads/posts/2023-02/1677197090_bogatyr-club-p-fon-kosmosa-dlya-fotoshopa-fon-pinterest-1.jpg);
/* background-image: url(https://bogatyr.club/uploads/posts/2023-02/1677197090_bogatyr-club-p-fon-kosmosa-dlya-fotoshopa-fon-pinterest-1.jpg); */
background-color: var(--backgroud-color);
}
.reg-menu-main{
margin: 0;
Expand Down

0 comments on commit a8e6e66

Please sign in to comment.