Skip to content

Commit

Permalink
both files are done
Browse files Browse the repository at this point in the history
  • Loading branch information
@nkpn
nkpn committed Oct 5, 2024
1 parent c4c650a commit ca7a076
Show file tree
Hide file tree
Showing 12 changed files with 665 additions and 122 deletions.
175 changes: 175 additions & 0 deletions 404.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ALLSTARLIGA</title>
<link rel="shortcut icon" href="./icons/site.png" type="image/png" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/1.0.0/modern-normalize.min.css"
integrity="sha512-ISS7cAi1PEhQ8jnbJpJZMd29NlhNj4AWYyLOSp2CE/CsHxTCu+r+t0D2yoJudVrd0/8fTVPUVDzY5Tvli75u/g=="
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./sass/main.css" />
</head>

<body class="page home-page">
<!-- HEADER -->
<header>
<div class="container header-container">
<!-- Desktop header -->
<div class="logo header-logo">
<a href="./index.html">
<img src="./icons/logo.svg" loading="lazy">
</a>
</div>
<div class="language-selectors">
<a href="/en/index.html" class="language-selector active" onclick="changeLanguage('en')">ENG</a>
<a href="/es/index.html" class="language-selector" onclick="changeLanguage('sp')">ESP</a>
</div>
</header>
<!-- END OF HEADER -->

<main>

<!-- HERO Section -->
<seciton class="section hero">
<div class="container">
<h1 class="visually-hidden">ALL START LIGA</h1>
<img src="./icons/hero-h1.svg" alt="All Star Liga" loading="lazy">
<h2>Training with the best coaches in the world online.</h2>
</div>

<style>
.hero .container{
background-image: url('./images/hero-mobile.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
.hero .container{
background-image: url('./images/hero.png');
}
}
</style>
</seciton>
<!-- End of HERO Section -->

<!-- About Us Section -->
<section class="section about-us">
<div class="container">
<div class="two-columns-wrapper">
<div>
<h3 class="title">ABOUT US</h3>
<p class="text">ALLSTARLIGA aims to make quality training accessible to everyone, regardless of location or skill level. We provide top coaches and modern techniques to help each of our clients achieve their goals. </p>
<p class="text">Our company was founded by professionals with years of experience in fitness and sports, who combined their knowledge and passion to create ALLSTARLIGA.</p>
</div>
<div class="img-wrapper">
<img class="tablet-only" src="./images/001-min.png" alt="About us" loading="lazy">
<img class="mobile-only" src="./images/001-mobile.png" alt="About us" loading="lazy">
</div>
</div>
</div>
</section>
<!-- End of About Us Section -->

<!-- Our Values Section -->

<section class="section our-values">
<div class="container">
<h3 class="title">Our values</h3>
<ul class="three-columns">
<li>
<img src="./images/image-4.png" alt="Value: Quality">
<p class="text"><strong>Quality:</strong> We work exclusively with highly qualified coaches who have extensive experience and a proven reputation.</p>
</li>
<li>
<img src="./images/image-1.png" alt="Value: Innovation">
<p class="text"><strong>Innovation:</strong> We utilize modern technologies to provide the best online training experience.</p>
</li>
<li>
<img src="./images/image-3.png" alt="Value: Support">
<p class="text"><strong>Support:</strong> We are always ready to assist our clients on their journey toward achieving their goals.</p>
</li>
</ul>
</div>
</section>
<!-- End of Our Values Section -->

<!-- Services section -->
<section class="section services">
<div class="container">
<div class="two-columns-wrapper">
<div>
<h3 class="title">Services</h3>
<p class="text">ALLSTARLIGA offers a wide range of online training services for children and adults worldwide. Our programs include individual and group sessions, tailored to various fitness levels. Available training options include fitness, yoga, martial arts, and other disciplines. We collaborate with professional coaches who will help you reach your goals at a time convenient for you. The sessions are conducted on modern platforms, ensuring high-quality interaction and maximum comfort.</p>
</div>
<div class="img-wrapper">
<img class="tablet-only" src="./images/image-2.png" alt="About our services" loading="lazy">
<img class="mobile-only" src="./images/image-2-mobile-min.png" alt="About our services" loading="lazy">
</div>
</div>
</div>
</section>
<!-- End of Services section -->

<!-- FOOTER -->
<footer>
<div class="container">
<!-- Info block -->
<div class="footer-info two-columns-wrapper">
<div class="logo footer-logo">
<a href="./index.html">
<img src="./icons/logo.svg" loading="lazy">
</a>
</div>
<div class="footer-contact-info">
<a href="tel:+34663510303">+34663510303</a>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
<div class="social-links-wrapper">
<ul class="social-links-list">
<li>
<a href="#" aria-label="linkedin profile" class="social-link">
<img src="./icons/icon-linkedin.svg" alt="linkedin">
</a>
</li>
<li>
<a href="#" aria-label="instagram profile" class="social-link">
<img src="./icons/icon-instagram.svg" alt="instagram">
</a>
</li>
<li>
<a href="#" aria-label="whatsapp number" class="social-link">
<img src="./icons/icon-whatsapp.svg" alt="whatsapp">
</a>
</li>
</ul>
</div>
<!-- copyright block -->
<div class="footer-copyright">
<div class="container">
<p class="text-md">© 2024 All rights reserved.</p>
</div>
</div>


</footer>
<!-- END OF FOOTER -->

<!-- Cookie Consent by TermsFeed https://www.TermsFeed.com -->
<script type="text/javascript" src="https://www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
<script type="text/javascript" charset="UTF-8">
document.addEventListener('DOMContentLoaded', function () {
cookieconsent.run({"notice_banner_type":"headline","consent_type":"express","palette":"dark","language":"en","page_load_consent_levels":["strictly-necessary"],"notice_banner_reject_button_hide":false,"preferences_center_close_button_hide":false,"page_refresh_confirmation_buttons":false});
});
</script>
<!-- Our script -->
<script src="./js/index.js"></script>
</body>
</html>
140 changes: 121 additions & 19 deletions en/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,14 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ALLSTARLIGA</title>
<link rel="shortcut icon" href="./icons/site.png" type="image/png" />
<link rel="shortcut icon" href="../icons/site.png" type="image/png" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/1.0.0/modern-normalize.min.css"
integrity="sha512-ISS7cAi1PEhQ8jnbJpJZMd29NlhNj4AWYyLOSp2CE/CsHxTCu+r+t0D2yoJudVrd0/8fTVPUVDzY5Tvli75u/g=="
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./sass/main.css" />
<link rel="stylesheet" href="../sass/main.css" />
</head>

<body class="page home-page">
Expand All @@ -20,15 +20,14 @@
<div class="container header-container">
<!-- Desktop header -->
<div class="logo header-logo">
<a href="./index.html">
<img src="./icons/logo.svg">
<a href="../index.html">
<img src="../icons/logo.svg" loading="lazy">
</a>
</div>
<div class="language-selectors">
<a class="#" class="language-selector" onclick="changeLanguage('en')">ENG</a>
<a class="#" class="language-selector" onclick="changeLanguage('sp')">ESP</a>
<a href="/en/index.html" class="language-selector active" onclick="changeLanguage('en')">ENG</a>
<a href="/es/index.html" class="language-selector" onclick="changeLanguage('sp')">ESP</a>
</div>

</header>
<!-- END OF HEADER -->

Expand All @@ -37,37 +36,140 @@
<!-- HERO Section -->
<seciton class="section hero">
<div class="container">
<div class="two-columns">
</div>
<h1 class="visually-hidden">ALL START LIGA</h1>
<img src="../icons/hero-h1.svg" alt="All Star Liga" loading="lazy">
<h2>Training with the best coaches in the world online.</h2>
</div>

<style>
.hero .container{
background-image: url('../images/hero-mobile.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
.hero .container{
background-image: url('../images/hero.png');
}
}
</style>
</seciton>
<!-- End of HERO Section -->
<!-- End of HERO Section -->

<!-- About Us Section -->
<section class="section about-us">
<div class="container">
<div class="two-columns-wrapper">
<div>
<h3 class="title">ABOUT US</h3>
<p class="text">ALLSTARLIGA aims to make quality training accessible to everyone, regardless of location or skill level. We provide top coaches and modern techniques to help each of our clients achieve their goals. </p>
<p class="text">Our company was founded by professionals with years of experience in fitness and sports, who combined their knowledge and passion to create ALLSTARLIGA.</p>
</div>
<div class="img-wrapper">
<img class="tablet-only" src="../images/001-min.png" alt="About us" loading="lazy">
<img class="mobile-only" src="../images/001-mobile.png" alt="About us" loading="lazy">
</div>
</div>
</div>
</section>
<!-- End of About Us Section -->

<!-- Our Values Section -->

<section class="section our-values">
<div class="container">
<h3 class="title">Our values</h3>
<ul class="three-columns">
<li>
<img src="../images/image-4.png" alt="Value: Quality">
<p class="text"><strong>Quality:</strong> We work exclusively with highly qualified coaches who have extensive experience and a proven reputation.</p>
</li>
<li>
<img src="../images/image-1.png" alt="Value: Innovation">
<p class="text"><strong>Innovation:</strong> We utilize modern technologies to provide the best online training experience.</p>
</li>
<li>
<img src="../images/image-3.png" alt="Value: Support">
<p class="text"><strong>Support:</strong> We are always ready to assist our clients on their journey toward achieving their goals.</p>
</li>
</ul>
</div>
</section>
<!-- End of Our Values Section -->

<!-- Services section -->
<section class="section services">
<div class="container">
<div class="two-columns-wrapper">
<div>
<h3 class="title">Services</h3>
<p class="text">ALLSTARLIGA offers a wide range of online training services for children and adults worldwide. Our programs include individual and group sessions, tailored to various fitness levels. Available training options include fitness, yoga, martial arts, and other disciplines. We collaborate with professional coaches who will help you reach your goals at a time convenient for you. The sessions are conducted on modern platforms, ensuring high-quality interaction and maximum comfort.</p>
</div>
<div class="img-wrapper">
<img class="tablet-only" src="../images/image-2.png" alt="About our services" loading="lazy">
<img class="mobile-only" src="../images/image-2-mobile-min.png" alt="About our services" loading="lazy">
</div>
</div>
</div>
</section>
<!-- End of Services section -->

<!-- FOOTER -->
<footer>
<div class="container two-columns-wrapper">
<div class="container">
<!-- Info block -->
<div class="footer-info">
<div class="footer-info two-columns-wrapper">
<div class="logo footer-logo">
<a href="./index.html">Company logo</a>
<a href="../index.html">
<img src="../icons/logo.svg" loading="lazy">
</a>
</div>
<div class="footer-contact-info">
<a href="tel:+34663510303">+34663510303</a>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
<!-- footer navigation block -->

</div>
<div class="social-links-wrapper">
<ul class="social-links-list">
<li>
<a href="#" aria-label="linkedin profile" class="social-link">
<img src="../icons/icon-linkedin.svg" alt="linkedin">
</a>
</li>
<li>
<a href="#" aria-label="instagram profile" class="social-link">
<img src="../icons/icon-instagram.svg" alt="instagram">
</a>
</li>
<li>
<a href="#" aria-label="whatsapp number" class="social-link">
<img src="../icons/icon-whatsapp.svg" alt="whatsapp">
</a>
</li>
</ul>
</div>
<!-- copyright block -->
<div class="footer-copyright">
<div class="container">
<p class="text-md">© 2024 Company name. All rights reserved.</p>
<p class="text-md">© 2024 All rights reserved.</p>
</div>
</div>


</footer>
<!-- END OF FOOTER -->
</head>

<!-- Cookie Consent by TermsFeed https://www.TermsFeed.com -->
<script type="text/javascript" src="https://www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
<script type="text/javascript" charset="UTF-8">
document.addEventListener('DOMContentLoaded', function () {
cookieconsent.run({"notice_banner_type":"headline","consent_type":"express","palette":"dark","language":"en","page_load_consent_levels":["strictly-necessary"],"notice_banner_reject_button_hide":false,"preferences_center_close_button_hide":false,"page_refresh_confirmation_buttons":false});
});
</script>
<!-- Our script -->
<script src="./js/index.js"></script>
<script src="../js/index.js"></script>
</body>
</html>
Loading

0 comments on commit ca7a076

Please sign in to comment.