<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://kit.fontawesome.com/97e885e109.js" crossorigin="anonymous"></script>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Impact Bootstrap Template - Index</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Impact - v1.2.0
* Template URL: https://bootstrapmade.com/impact-bootstrap-business-website-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<section id="topbar" class="topbar d-flex align-items-center">
<div class="container d-flex justify-content-center justify-content-md-between">
<div class="contact-info d-flex align-items-center">
<i class="bi bi-phone d-flex align-items-center ms-4"><span>+7 351 272 30 74</span></i>
</div>
<div class="social-links d-none d-md-flex align-items-center">
<a href="#" class="vk"><i class="fa-brands fa-vk"></i></a>
<a href="#" class="telegram"><i class="bi bi-telegram"></i></a>
<a href="#" class="whatsapp"><i class="bi bi-whatsapp"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></i></a>
</div>
</div>
</section><!-- End Top Bar -->
<header id="header" class="header d-flex align-items-center">
<div class="container-fluid container-xl d-flex align-items-center justify-content-between">
<a href="index.html" class="logo d-flex align-items-center">
<!-- Uncomment the line below if you also wish to use an image logo -->
<!-- <img src="assets/img/logo.png" alt="" data-aos="zoom-out"> -->
<img height="65px" width="65px" src="./imgs/AisaPng.png" alt="" id="logo-aisa">
</a>
<nav id="navbar" class="navbar">
<ul>
<li><a href="#hero" id="homeNav">Home</a></li>
<li><a href="#about" id="aboutNav">About</a></li>
<li><a href="#services" id="projectsNav">Projects</a></li>
<li><a href="#team" id="teamNav">Team</a></li>
<li><a href="#portfolio" id="eventsNav">Events</a></li>
<li><a href="#footer" id="contactNav">Contact</a></li>
<li class="dropdown"><a href="#"><span><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-translate" viewBox="0 0 16 16">
<path d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286H4.545zm1.634-.736L5.5 3.956h-.049l-.679 2.022H6.18z"/>
<path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm7.138 9.995c.193.301.402.583.63.846-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6.066 6.066 0 0 1-.415-.492 1.988 1.988 0 0 1-.94.31z"/>
</svg></span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
<ul>
<li><a id="russian" href="#"><img style="float: left;" src="https://flagsapi.com/RU/flat/32.png" alt="" class="pe-2"></img>Русский</a></li>
<li><a id="english" href="#"><img style="float: left;" src="https://flagsapi.com/GB/flat/32.png" alt="" class="pe-2"></img>English</a></li>
</ul>
</li>
</ul>
</nav><!-- .navbar -->
<i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
<i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
</div>
</header><!-- End Header -->
<!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero">
<div class="container position-relative">
<div class="row gy-5" data-aos="fade-in">
<div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center text-center text-lg-start" id="textHero">
<h2>Welcome to <span>AISA</span></h2>
<p class="fst-italic">We are creating a space of intercultural dialogue in our region
and already unite representatives of 56 countries of the world!</p>
<div class="d-flex justify-content-center justify-content-lg-start">
<a href="#about" class="btn-get-started" style="margin-right: 15px;">Read More</a>
<a href="#recent-posts" class="btn-get-started"><span class="bi bi-calendar4-event"></span><span class="span-order mx-1"></span>Upcoming Events</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Hero Section -->
<main id="main">
<!-- ======= About Us Section ======= -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>About Us</h2>
<p>“Diversity is our strength, wealth and beauty!”</p>
</div>
<div class="row gy-4">
<div class="col-lg-6">
<h3>The Association of International Students and Alumni has been operating since 2013 in Chelyabinsk.</h3>
<img src="imgs/ktwf3DjkZfk.jpg" class="img-fluid rounded-4 mb-4" alt="">
<p>This is an association of foreign students, whose main objectives are to help foreign students in adapting, in solving problems and issues related to education, accommodation and leisure time, acquaintance with the characteristics of Russian culture, development of international friendship, assistance in the process of promotion of the Russian language and culture.</p>
<p>At the moment the Association unites <strong>more than 1000 people</strong>, and its activities include representatives of <strong>more than 30 countries and regions</strong>, each of which represents the interests of their students. There is also a team of <strong>volunteers</strong> who provide all kinds of assistance in organizing activities.</p>
</div>
<div class="col-lg-6">
<div class="content ps-0 ps-lg-5">
<p class="fst-italic">
The Association of International Students and Alumni is an All-Russian student organisation that main goals are:
</p>
<ul>
<li><i class="bi bi-check-circle-fill"></i> to help in adapting to new students,</li>
<li><i class="bi bi-check-circle-fill"></i> to acquaint them with the features of Russian culture,</li>
<li><i class="bi bi-check-circle-fill"></i> to actualise international friends.</li>
</ul>
<p>
Nowadays we are the <strong>South Ural Association of International Students and Alumni!</strong>
</p>
<div class="position-relative mt-4">
<img src="imgs/mAJtm_7zNcY-SD.jpg" class="img-fluid rounded-4" alt="">
<a href="https://youtu.be/mAJtm_7zNcY" class="glightbox play-btn"></a>
</div>
</div>
</div>
</div>
</div>
</section><!-- End About Us Section -->
<!-- ======= Stats Counter Section ======= -->
<section id="stats-counter" class="stats-counter" >
<div class="container" data-aos="fade-up">
<div class="row gy-4 align-items-center">
<div class="col-lg-6">
<div style="display: flex;
justify-content: center;">
<img width="380px" src="/Impact/imgs/AisaPng.png" class="img-fluid" alt="">
</div>
</div>
<!-- shine effect test
<div class="wrap">
<img src="/Impact/imgs/AisaPng.png">
</div>
</div>
<style>
</style>
end shine effect test -->
<div class="col-lg-6">
<div class="stats-item d-flex align-items-center">
<span data-purecounter-start="0" data-purecounter-end="3000" data-purecounter-duration="1" class="purecounter"></span>
<p><strong>Members</strong> who interested in our work</p>
</div><!-- End Stats Item -->
<div class="stats-item d-flex align-items-center">
<span data-purecounter-start="0" data-purecounter-end="1000" data-purecounter-duration="1" class="purecounter"></span>
<p><strong>Volunteers</strong> to lend a helping hand</p>
</div><!-- End Stats Item -->
<div class="stats-item d-flex align-items-center">
<span data-purecounter-start="0" data-purecounter-end="120" data-purecounter-duration="1" class="purecounter"></span>
<p><strong>Events</strong> from different cultures of the world</p>
</div><!-- End Stats Item -->
</div>
</div>
</div>
</section><!-- End Stats Counter Section -->
<!-- ======= Clients Section ======= -->
<section id="clients" class="clients">
<div class="container" data-aos="zoom-out">
<div class="section-header" id="sec-part">
<h2>Partners</h2>
</div>
<div class="clients-slider swiper">
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide"><img src="imgs/Partners/vcemernaya.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="imgs/Partners/narodnova.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="imgs/Partners/south ural logo.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="imgs/Partners/ais.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="imgs/Partners/ntsmp.png" class="img-fluid" alt=""></div>
<div class="swiper-slide"><img src="imgs/Partners/lr7Q9tFsgFg.jpg" class="img-fluid" alt=""></div>
</div>
</div>
</div>
</section><!-- End Clients Section -->
<!-- ======= Our Projects Section ======= -->
<section id="services" class="services sections-bg">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Our Projects</h2>
<!--<p>Мы открыты к любым идеям и предложениям<br>Давайте вместе менять окружение к лучшему!</p><br>-->
<p>We are open to all ideas and suggestions
Let's work together to change the environment
for the better!</p><br>
</div>
<div class="row gy-4" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-4 col-md-6">
<div class="service-item position-relative">
<img src="/Impact/imgs/OurProjects/1.png" class="img-fluid img-responsive rounded-4" style="margin-bottom: 20px;">
<h3>The legal literacy of foreign students in Chelyabinsk</h3>
<p>Legal literacy project for a foreign citizen citizen to improving knowledge of the basic laws of the Russian Federation.</p>
<a href="blog-details.html" class="readmore">Read more <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6">
<div class="service-item position-relative">
<img src="/Impact/imgs/OurProjects/tutor1.jpg" class="img-fluid img-responsive rounded-4" style="margin-bottom: 20px;">
<h3>International Student Tutor</h3>
<p>Tutors are volunteers who help in the adaptation of foreign students of universities in Chelyabinsk.</p>
<a href="blog-details.html" class="readmore">Read more <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6">
<div class="service-item position-relative">
<img src="/Impact/imgs/OurProjects/Ahmed.png" class="img-fluid img-responsive rounded-4" style="margin-bottom: 20px;">
<h3>International forum
"Russia and Iran"</h3>
<p>Forum aimed at developing educational and scientific potential of Russia and Iran.</p>
<a href="blog-details.html" class="readmore">Read more <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6">
<div class="service-item position-relative">
<img src="/Impact/imgs/OurProjects/InteKitchen.jpg" class="img-fluid img-responsive rounded-4" style="margin-bottom: 20px;">
<h3>International communication</h3>
<p>Where cuisine becomes a portal to national cultures.</p>
<a href="blog-details.html" class="readmore">Read more <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6">
<div class="service-item position-relative">
<img src="/Impact/imgs/OurProjects/kitchen3.jpg" class="img-fluid img-responsive rounded-4" style="margin-bottom: 20px;">
<h3>Gastronomic marathon
"International Cuisine"</h3>
<p>To create a space for inter-ethnic dialogue, with the help of culinary master classes of the peoples of Russia and the world.</p>
<a href="blog-details.html" class="readmore">Read more <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6">
<div class="service-item position-relative">
<img src="/Impact/imgs/OurProjects/englishClub.jpg" class="img-fluid img-responsive rounded-4" style="margin-bottom: 20px;">
<h3>English speaking club</h3>
<p>The project promotes the development of spoken English and expanding the vocabulary of students.</p>
<a href="blog-details.html" class="readmore">Read more <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
</div>
</div>
</section><!-- End Our Services Section -->
<!-- ======= Our Team Section ======= -->
<section id="team" class="team">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Our Team</h2>
<p>Nulla dolorum nulla nesciunt rerum facere sed ut inventore quam porro nihil id ratione ea sunt quis dolorem dolore earum</p>
</div>
<div class="row gy-4">
<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="100">
<div class="member">
<img src="imgs/Members/Valeria_Chachina.png" class="img-fluid" alt="">
<h4>Valeria Chachina</h4>
<span>Head</span>
<div class="social">
<a href="https://vk.com/valeria_chachina"><i class="fa-brands fa-vk"></i></a>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="200">
<div class="member">
<img src="imgs/Members/Ahmed_Mohamed.png" class="img-fluid" alt="">
<h4>Ahmed Mohamed</h4>
<span>President</span>
<div class="social">
<a href="https://vk.com/valeria_chachina"><i class="fa-brands fa-vk"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="300">
<div class="member">
<img src="imgs/Members/Dilrabo_Tojikulova.png" class="img-fluid" alt="">
<h4>Dilrabo Tojikulova</h4>
<span>Deputy for Work with Volunteers</span>
<div class="social">
<a href="https://vk.com/valeria_chachina"><i class="fa-brands fa-vk"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="400">
<div class="member">
<img src="imgs/Members/Ahmed_Waad.png" class="img-fluid" alt="">
<h4>Ahmed Waad</h4>
<span>Deputy for Partners</span>
<div class="social">
<a href="https://vk.com/valeria_chachina"><i class="fa-brands fa-vk"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
</div>
</div>
</div><!-- End Team Member -->
</div>
</div>
</section><!-- End Our Team Section -->
<!-- ======= Frequently Asked Questions Section ======= -->
<section id="faq" class="faq">
<div class="container" data-aos="fade-up">
<div class="row gy-4">
<div class="col-lg-4">
<div class="content px-xl-5">
<h3>Frequently Asked <strong>Questions</strong></h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit
</p>
</div>
</div>
<div class="col-lg-8">
<div class="accordion accordion-flush" id="faqlist" data-aos="fade-up" data-aos-delay="100">
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1">
<span class="num">1.</span>
Non consectetur a erat nam at lectus urna duis?
</button>
</h3>
<div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2">
<span class="num">2.</span>
Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque?
</button>
</h3>
<div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3">
<span class="num">3.</span>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi?
</button>
</h3>
<div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-4">
<span class="num">4.</span>
Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla?
</button>
</h3>
<div id="faq-content-4" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-5">
<span class="num">5.</span>
Tempus quam pellentesque nec nam aliquam sem et tortor consequat?
</button>
</h3>
<div id="faq-content-5" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in
</div>
</div>
</div><!-- # Faq item-->
</div>
</div>
</div>
</div>
</section><!-- End Frequently Asked Questions Section -->
<!-- ======= Events Section ======= -->
<section id="portfolio" class="portfolio sections-bg">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Events</h2>
<p>Quam sed id excepturi ccusantium dolorem ut quis dolores nisi llum nostrum enim velit qui ut et autem uia reprehenderit sunt deleniti</p>
</div>
<div class="portfolio-isotope" data-portfolio-filter="*" data-portfolio-layout="masonry" data-portfolio-sort="original-order" data-aos="fade-up" data-aos-delay="100">
<div>
<ul class="portfolio-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-information">Info.</li>
<li data-filter=".filter-meeting">Meetings</li>
<li data-filter=".filter-sport">Sport</li>
<li data-filter=".filter-holiday">Holidays</li>
<li data-filter=".filter-culture">Сulture</li>
</ul><!-- End Portfolio Filters -->
</div>
<div class="row gy-4 portfolio-container">
<div class="col-xl-4 col-md-6 portfolio-item filter-information">
<div class="portfolio-wrap">
<a href="/Impact/imgs/Portfolio/InformationDay.png" class="glightbox"><img src="/Impact/imgs/Portfolio/InformationDay.png" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Information Day</a></h4>
<p>Informations Day</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-xl-4 col-md-6 portfolio-item filter-meeting">
<div class="portfolio-wrap">
<a href="/Impact/imgs/Portfolio/AlumniMeeting.png" class="glightbox"><img src="/Impact/imgs/Portfolio/AlumniMeeting.png" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Alumni Meeting</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-xl-4 col-md-6 portfolio-item filter-sport">
<div class="portfolio-wrap">
<a href="/Impact/imgs/Portfolio/MiniFootballChampionship.png" class="glightbox"><img src="/Impact/imgs/Portfolio/MiniFootballChampionship.png" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Futsal Championship</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-xl-4 col-md-6 portfolio-item filter-sport">
<div class="portfolio-wrap">
<a href="/Impact/imgs/Portfolio/Snowboarding.png" class="glightbox"><img src="/Impact/imgs/Portfolio/Snowboarding.png" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Ice Skating</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-xl-4 col-md-6 portfolio-item filter-sport">
<div class="portfolio-wrap">
<a href="/Impact/imgs/Portfolio/VolleyballChampionship.png" class="glightbox"><img src="/Impact/imgs/Portfolio/VolleyballChampionship.png" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Volleyball Championship</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-xl-4 col-md-6 portfolio-item filter-sport">
<div class="portfolio-wrap">
<a href="/Impact/imgs/Portfolio/BasketballChampionship.png" class="glightbox"><img src="/Impact/imgs/Portfolio/BasketballChampionship.png" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Basketball Championship</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-xl-4 col-md-6 portfolio-item filter-holiday">
<div class="portfolio-wrap">
<a href="/Impact/imgs/Portfolio/Nowruz.jpg" class="glightbox"><img src="/Impact/imgs/Portfolio/Nowruz.jpg" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Nowruz</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-xl-4 col-md-6 portfolio-item filter-holiday">
<div class="portfolio-wrap">
<a href="/Impact/imgs/Portfolio/ChieneseDay.jpg" class="glightbox"><img src="/Impact/imgs/Portfolio/ChieneseDay.jpg" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Chinese New Year</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-xl-4 col-md-6 portfolio-item filter-culture">
<div class="portfolio-wrap">
<a href="/Impact/imgs/Portfolio/ArabianDay.jpg" class="glightbox"><img src="/Impact/imgs/Portfolio/ArabianDay.jpg" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">Arab Culture Day</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
<div class="col-xl-4 col-md-6 portfolio-item filter-culture">
<div class="portfolio-wrap">
<a href="/Impact/imgs/Portfolio/AfricanDay.png" class="glightbox"><img src="/Impact/imgs/Portfolio/AfricanDay.png" class="img-fluid" alt=""></a>
<div class="portfolio-info">
<h4><a href="portfolio-details.html" title="More Details">African Culture Day</a></h4>
<p>Lorem ipsum, dolor sit amet consectetur</p>
</div>
</div>
</div><!-- End Portfolio Item -->
</div><!-- End Portfolio Container -->
</div>
</div>
</section><!-- End Portfolio Section -->
<!-- ======= Upcoming Events Section ======= -->
<section id="recent-posts" class="recent-posts sections-bg">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Upcoming Events</h2>
<p>Here are the upcoming events!</p>
</div>
<div class="row gy-4">
<div class="col-xl-4 col-md-6">
<article>
<div class="post-img">
<img src="/Impact/imgs/Portfolio/basketball-champ.jpg" alt="" class="img-fluid">
</div>
<p class="post-category">Sports</p>
<h2 class="title">
<a src="">Basketball Tournament</a>
</h2>
<div class="d-flex align-items-center">
<div class="post-meta">
<p class="post-date">
<time class="countdown" datetime="2023-02-17 17:30:00">Feburary 17 at 17:00</time>
</p>
</div>
</div>
<div class="mt-4">
<table style="width:100%; text-align: left;">
<tr>
<td class="days"></td>
<td class="hours"></td>
<td class="minutes"></td>
<td class="seconds"></td>
</tr>
<tr>
<th>DAYS</th>
<th>HOURS</th>
<th>MINS</th>
<th>SECS</th>
</tr>
</table>
</div>
</article>
</div><!-- End post list item -->
<div class="col-xl-4 col-md-6">
<article>
<div class="post-img">
<img src="/Impact/imgs/Portfolio/Nowruz.jpg" alt="" class="img-fluid">
</div>
<p class="post-category">Holidays</p>
<h2 class="title">
<a src="">Nowruz</a>
</h2>
<div class="d-flex align-items-center">
<div class="post-meta">
<p class="post-date">
<time class="countdown" datetime="2023-03-12 10:00:00">March 12 at 10:00</time>
</p>
</div>
</div>
<div class="mt-4">
<table style="width:100%; text-align: left;">
<tr>
<td class="days"></td>
<td class="hours"></td>
<td class="minutes"></td>
<td class="seconds"></td>
</tr>
<tr>
<th>DAYS</th>
<th>HOURS</th>
<th>MINS</th>
<th>SECS</th>
</tr>
</table>
</div>
</article>
</div><!-- End post list item -->
<div class="col-xl-4 col-md-6">
<article>
<div class="post-img">
<img src="/Impact/imgs/Portfolio/AfricanDay.png" alt="" class="img-fluid">
</div>
<p class="post-category">Culture</p>
<h2 class="title">
<a src="">African Day</a>
</h2>
<div class="d-flex align-items-center">
<div class="post-meta">
<p class="post-date">
<time class="countdown" datetime="2023-03-20 13:00:00">March 20 at 13:00</time>
</p>
</div>
</div>
<div class="mt-4">
<table style="width:100%; text-align: left;">
<tr>
<td class="days"></td>
<td class="hours"></td>
<td class="minutes"></td>
<td class="seconds"></td>
</tr>
<tr>
<th>DAYS</th>
<th>HOURS</th>
<th>MINS</th>
<th>SECS</th>
</tr>
</table>
</div>
</article>
</div><!-- End post list item -->
</div><!-- End recent posts list -->
</div>
</section><!-- End Recent Blog Posts Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="container">
<div class="row gy-3">
<div class="col-lg-6 col-md-12 footer-info">
<a href="index.html" class="logo d-flex align-items-center">
<span>AISA</span>
</a>
<p>We are creating a space of intercultural dialogue in our region
and already unite representatives of 56 countries of the world!</p>
<div class="social-links d-flex mt-4">
<a href="#" class="vk"><i class="fa-brands fa-vk"></i></a>
<a href="#" class="telegram"><i class="bi bi-telegram"></i></a>
<a href="#" class="whatsapp"><i class="bi bi-whatsapp"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></i></a>
</div>
</div>
<div class="col-lg-2 col-3 footer-links">
<h4>Useful Links</h4>
<ul>
<li><a href="#hero">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Projects</a></li>
<li><a href="#team">Our Team</a></li>
</ul>
</div>
<div class="col-lg-4 col-9 footer-contact text-center text-md-start">
<h4>Contact Us</h4>
<p><i class="bi bi-geo-alt"></i>
<!--г. Челябинск, проспект Ленина, дом. 76, каб. 019 и 353-->Chelyabinsk, Prospekt Lenina, 76,<br>сab. 019 и 353<br>
<i class="bi bi-phone flex-shrink-0"></i><strong> Phone:</strong> +7 351 272 30 74<br>
<i class="bi bi-envelope flex-shrink-0"></i><strong> Email:</strong>
[email protected]<br>
</p>
</div>
</div>
</div>
</footer><!-- End Footer -->
<!-- End Footer -->
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>