2077 lines
124 KiB
HTML
2077 lines
124 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Createx</title>
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.css"
|
||
/>
|
||
<link
|
||
rel="stylesheet"
|
||
type="text/css"
|
||
href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"
|
||
/>
|
||
<link rel="stylesheet" href="fonts.css" />
|
||
<link rel="stylesheet" href="reset.css" />
|
||
<link rel="stylesheet" href="style.css" />
|
||
</head>
|
||
<body id="body">
|
||
<!-- обертка -->
|
||
<div class="wrapper">
|
||
<!-- первая страница сайта -->
|
||
<header class="header">
|
||
<!-- бургер меню -->
|
||
<a href="#" class="burger">
|
||
<span></span>
|
||
</a>
|
||
<!-- шапка сайта -->
|
||
<div class="header_top">
|
||
<div class="container">
|
||
<div class="header_top_inner">
|
||
<a class="header_logo logo" href="/">
|
||
<img src="./images/1/logo.svg" title="Logo" alt="Logo" />
|
||
</a>
|
||
<nav class="header_nav">
|
||
<ul class="header_nav-list">
|
||
<li class="header_nav_item">
|
||
<a href="#about" class="header_nav_link">About Us</a>
|
||
</li>
|
||
<li class="header_nav_item">
|
||
<a href="#directions" class="header_nav_link">Courses</a>
|
||
</li>
|
||
<li class="header_nav_item">
|
||
<a href="#" class="header_nav_link">Events</a>
|
||
</li>
|
||
<li class="header_nav_item">
|
||
<a href="#blog" class="header_nav_link">Blog</a>
|
||
</li>
|
||
<li class="header_nav_item">
|
||
<a href="#info" class="header_nav_link">Contacts</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<div class="header_btn_box">
|
||
<a class="haeder_top_btn button" href="#questions">Get consultation</a>
|
||
<div class="header_user-nav">
|
||
<a href="#" class="header_user_btn">Log in</a>
|
||
/
|
||
<a href="#" class="header_user_btn">Register</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="header_body">
|
||
<div class="container">
|
||
<div class="header_body_inner">
|
||
<div class="header_main">
|
||
<div class="header_content">
|
||
<div class="header_play">
|
||
<a
|
||
class="header_play_btn"
|
||
href="https://youtu.be/6UO3JhOaJzk?si=9ZMV2LdvosURZVlt"
|
||
data-fancybox
|
||
data-width="100%"
|
||
data-height="100%"
|
||
target="_blank"
|
||
>
|
||
<svg
|
||
width="52"
|
||
height="52"
|
||
viewBox="0 0 52 52"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<circle cx="26" cy="26" r="26" fill="#FF3F3A" />
|
||
<path
|
||
d="M32.5 25.134C33.1667 25.5189 33.1667 26.4811 32.5 26.866L23.5 32.0622C22.8333 32.4471 22 31.966 22 31.1962L22 20.8038C22 20.034 22.8333 19.5529 23.5 19.9378L32.5 25.134Z"
|
||
fill="white"
|
||
/>
|
||
</svg>
|
||
Play showreel
|
||
</a>
|
||
</div>
|
||
<h1 class="header_title">
|
||
Enjoy studying with Createx Online Courses
|
||
</h1>
|
||
<div class="header_content-buttons">
|
||
<a class="header_content_btn button button--empty" href="#"
|
||
><span>About us</span></a
|
||
>
|
||
<a class="header_content_btn button" href="#"
|
||
>Explore courses</a
|
||
>
|
||
</div>
|
||
</div>
|
||
<img src="./images/1/illustration.svg" class="header_img" />
|
||
</div>
|
||
<ul class="header_row">
|
||
<li class="header_row_item">
|
||
<span>1200</span>
|
||
Students graduated
|
||
</li>
|
||
<span></span>
|
||
<li class="header_row_item">
|
||
<span>84</span>
|
||
Completed courses
|
||
</li>
|
||
<span></span>
|
||
<li class="header_row_item">
|
||
<span>16</span>
|
||
Qualified tutors
|
||
</li>
|
||
<span></span>
|
||
<li class="header_row_item">
|
||
<span>5</span>
|
||
Years of experience
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!-- основная страница сайта-->
|
||
<main class="main">
|
||
<!-- первая секция сайта -->
|
||
<section class="main_about about" id="about">
|
||
<div class="container">
|
||
<div class="about_inner">
|
||
<div class="about_createx">
|
||
<div class="about_createx_content">
|
||
<div class="about_heading heading">
|
||
<p class="heading_subtitle">About us</p>
|
||
<h2 class="heading_title">Createx Online School</h2>
|
||
</div>
|
||
<div class="about_text">
|
||
<p class="about_paragraph about_paragraph--accent">
|
||
Createx Online School is a leader in online studying.
|
||
We have lots of courses and programs from the main market
|
||
experts.
|
||
</p>
|
||
<p class="about_paragraph">
|
||
We provide relevant approaches to online learning,
|
||
internships and employment in the largest companies in the
|
||
country. Our educational programs help you get a new
|
||
specialty from scratch. During your studies, we will help
|
||
you find a job. Check the courses and online events that
|
||
we organise.
|
||
</p>
|
||
</div>
|
||
<div class="about_btn_box">
|
||
<a class="about_btn button button--empty" href="#"
|
||
><span>Explore events</span></a
|
||
>
|
||
<a class="about_btn button" href="#">Browse courses</a>
|
||
</div>
|
||
</div>
|
||
<img
|
||
src="./images/2/illustration.svg"
|
||
alt=""
|
||
class="about_img"
|
||
/>
|
||
</div>
|
||
|
||
<div class="about_values">
|
||
<div class="about_image_box">
|
||
<img src="./images/2/com.jpg" alt="" />
|
||
</div>
|
||
<ul class="about_numbers">
|
||
<li class="about_number">
|
||
<span>1200</span>students graduated
|
||
</li>
|
||
<li class="about_number"><span>84</span>completed courses</li>
|
||
<li class="about_number"><span>16</span>qualified tutors</li>
|
||
<li class="about_number">
|
||
<span>5</span>years of experience
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- вторая секция сайта -->
|
||
<section class="main-directions directions" id="directions">
|
||
<div class="container">
|
||
<div class="directions_inner">
|
||
<div class="directions_heading heading">
|
||
<p class="heading_subtitle">our main directions</p>
|
||
<h2 class="heading_title">What do we teach</h2>
|
||
</div>
|
||
<div class="directions_body">
|
||
<!-- mixitup в js -->
|
||
<ul class="directions_filter_box">
|
||
<li class="directions_filter_item">
|
||
<button
|
||
type="button"
|
||
class="directions_filter_btn directions_filter_btn--active"
|
||
data-filter="all"
|
||
>
|
||
All
|
||
</button>
|
||
</li>
|
||
<li class="directions_filter_item">
|
||
<button
|
||
type="button"
|
||
class="directions_filter_btn"
|
||
data-filter=".directions_list_item--marketing"
|
||
>
|
||
Marketing
|
||
</button>
|
||
</li>
|
||
<li class="directions_filter_item">
|
||
<button
|
||
type="button"
|
||
class="directions_filter_btn"
|
||
data-filter=".directions_list_item--management"
|
||
>
|
||
Management
|
||
</button>
|
||
</li>
|
||
<li class="directions_filter_item">
|
||
<button
|
||
type="button"
|
||
class="directions_filter_btn"
|
||
data-filter=".directions_list_item--hr"
|
||
>
|
||
HR & Recruting
|
||
</button>
|
||
</li>
|
||
<li class="directions_filter_item">
|
||
<button
|
||
type="button"
|
||
class="directions_filter_btn"
|
||
data-filter=".directions_list_item--design"
|
||
>
|
||
Design
|
||
</button>
|
||
</li>
|
||
<li class="directions_filter_item">
|
||
<button
|
||
type="button"
|
||
class="directions_filter_btn"
|
||
data-filter=".directions_list_item--development"
|
||
>
|
||
Development
|
||
</button>
|
||
</li>
|
||
</ul>
|
||
<ul class="directions_list">
|
||
<!-- 1 -->
|
||
<li
|
||
class="mix directions_list_item directions_list_item--marketing"
|
||
data-order="1"
|
||
>
|
||
<a href="#" class="directions_list_link">
|
||
<div class="directions_image_box">
|
||
<img src="./images/2/list/1.jpg" alt="" />
|
||
</div>
|
||
<div class="directions_link_content">
|
||
<div class="directions_link_tag">Marketing</div>
|
||
<p class="directions_link_text">
|
||
Odio posuere netus quisque faucibus lectus arcu donec.
|
||
Eget dictum eu viverra faucibus. Viverra scelerisque
|
||
consequat.
|
||
</p>
|
||
<div class="directions_link_btn">
|
||
Check courses
|
||
<img src="./images/Line (Stroke).svg" alt="" />
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!-- 2 -->
|
||
<li
|
||
class="mix directions_list_item directions_list_item--management"
|
||
data-order="2"
|
||
>
|
||
<a href="#">
|
||
<div class="directions_image_box">
|
||
<img src="./images/2/list/2.jpg" alt="" />
|
||
</div>
|
||
<div class="directions_link_content">
|
||
<div class="directions_link_tag">Management</div>
|
||
<p class="directions_link_text">
|
||
Odio posuere netus quisque faucibus lectus arcu donec.
|
||
Eget dictum eu viverra faucibus. Viverra scelerisque
|
||
consequat.
|
||
</p>
|
||
<div class="directions_link_btn">
|
||
Check courses
|
||
<img src="./images/Line (Stroke).svg" alt="" />
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!-- 3 -->
|
||
<li
|
||
class="mix directions_list_item directions_list_item--hr"
|
||
data-order="3"
|
||
>
|
||
<a href="#">
|
||
<div class="directions_image_box">
|
||
<img src="./images/2/list/3.jpg" alt="" />
|
||
</div>
|
||
<div class="directions_link_content">
|
||
<div class="directions_link_tag">HR & Recruting</div>
|
||
<p class="directions_link_text">
|
||
Odio posuere netus quisque faucibus lectus arcu donec.
|
||
Eget dictum eu viverra faucibus. Viverra scelerisque
|
||
consequat.
|
||
</p>
|
||
<div class="directions_link_btn">
|
||
Check courses
|
||
<img src="./images/Line (Stroke).svg" alt="" />
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!-- 4 -->
|
||
<li
|
||
class="mix directions_list_item directions_list_item--design"
|
||
data-order="4"
|
||
>
|
||
<a href="#">
|
||
<div class="directions_image_box">
|
||
<img src="./images/2/list/4.jpg" alt="" />
|
||
</div>
|
||
<div class="directions_link_content">
|
||
<div class="directions_link_tag">Design</div>
|
||
<p class="directions_link_text">
|
||
Odio posuere netus quisque faucibus lectus arcu donec.
|
||
Eget dictum eu viverra faucibus. Viverra scelerisque
|
||
consequat.
|
||
</p>
|
||
<div class="directions_link_btn">
|
||
Check courses
|
||
<img src="./images/Line (Stroke).svg" alt="" />
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!-- 5 -->
|
||
<li
|
||
class="mix directions_list_item directions_list_item--development"
|
||
data-order="5"
|
||
>
|
||
<a href="#">
|
||
<div class="directions_image_box">
|
||
<img src="./images/2/list/5.jpg" alt="" />
|
||
</div>
|
||
<div class="directions_link_content">
|
||
<div class="directions_link_tag">Development</div>
|
||
<p class="directions_link_text">
|
||
Odio posuere netus quisque faucibus lectus arcu donec.
|
||
Eget dictum eu viverra faucibus. Viverra scelerisque
|
||
consequat.
|
||
</p>
|
||
<div class="directions_link_btn">
|
||
Check courses
|
||
<img src="./images/Line (Stroke).svg" alt="" />
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!-- 6 -->
|
||
<li
|
||
class="mix directions_list_item directions_list_item--empty"
|
||
data-order="6"
|
||
>
|
||
<span>New studying program coming soon...</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- третья секция сайта -->
|
||
<section class="main_cert cert" id="cert">
|
||
<div class="container">
|
||
<div class="cerf_inner">
|
||
<div class="cert_content">
|
||
<div class="cert_contect_textlogo">
|
||
<div class="cert_heading heading">
|
||
<p class="heading_subtitle">Createx Certificate</p>
|
||
<h2 class="heading_title">
|
||
Your expertise will be confirmed
|
||
</h2>
|
||
</div>
|
||
<p class="cert_text">
|
||
We are accredited by international professional
|
||
organizations and institutes:
|
||
</p>
|
||
</div>
|
||
<ul class="cert_logos">
|
||
<li class="cert_logos-item">
|
||
<img src="./images/2/logo/logo.svg" alt="" />
|
||
</li>
|
||
<li class="cert_logos-item">
|
||
<img src="./images/2/logo/logo-1.svg" alt="" />
|
||
</li>
|
||
<li class="cert_logos-item">
|
||
<img src="./images/2/logo/logo-2.svg" alt="" />
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="cert_image-box">
|
||
<img src="./images/2/image.jpg" alt="certificate" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- четвертая секция сайта слайдер -->
|
||
<section class="main_team team" id="team">
|
||
<div class="container">
|
||
<div class="team_inner">
|
||
<div class="team_heading heading">
|
||
<p class="heading_subtitle">Best tutors are all here</p>
|
||
<h2 class="heading_title">Meet our team</h2>
|
||
<div class="team_slider_arrows">
|
||
<a class="team_slider_arrow team_slider-prev" href="#">
|
||
<svg
|
||
width="18"
|
||
height="12"
|
||
viewBox="0 0 18 12"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M6.20711 11.2071C5.81658 11.5976 5.18342 11.5976 4.79289 11.2071L0.292892 6.70711C-0.0976315 6.31658 -0.0976315 5.68342 0.292892 5.29289L4.79289 0.792893C5.18342 0.402369 5.81658 0.402369 6.20711 0.792893C6.59763 1.18342 6.59763 1.81658 6.20711 2.20711L3.41421 5L17 5C17.5523 5 18 5.44772 18 6C18 6.55228 17.5523 7 17 7L3.41421 7L6.20711 9.79289C6.59763 10.1834 6.59763 10.8166 6.20711 11.2071Z"
|
||
fill="#424551"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
<a class="team_slider_arrow team_slider-next" href="#">
|
||
<svg
|
||
width="18"
|
||
height="12"
|
||
viewBox="0 0 18 12"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M11.7929 0.792893C12.1834 0.402369 12.8166 0.402369 13.2071 0.792893L17.7071 5.29289C18.0976 5.68342 18.0976 6.31658 17.7071 6.70711L13.2071 11.2071C12.8166 11.5976 12.1834 11.5976 11.7929 11.2071C11.4024 10.8166 11.4024 10.1834 11.7929 9.79289L14.5858 7H1C0.447715 7 0 6.55228 0 6C0 5.44772 0.447715 5 1 5H14.5858L11.7929 2.20711C11.4024 1.81658 11.4024 1.18342 11.7929 0.792893Z"
|
||
fill="#424551"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="team_slider">
|
||
<!-- 1 -->
|
||
<div class="team_slide">
|
||
<div class="team_slide_inner">
|
||
<div class="team_image_box">
|
||
<div class="team_image">
|
||
<img src="./images/3/people/Group 2.jpg" alt="" />
|
||
</div>
|
||
<ul class="team_socials">
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M17.5628 1.00458L14.7856 1C11.6654 1 9.64903 3.12509 9.64903 6.41423V8.91055H6.85662C6.61532 8.91055 6.41992 9.1115 6.41992 9.35937V12.9763C6.41992 13.2241 6.61554 13.4249 6.85662 13.4249H9.64903V22.5514C9.64903 22.7993 9.84443 23 10.0857 23H13.729C13.9703 23 14.1657 22.799 14.1657 22.5514V13.4249H17.4307C17.672 13.4249 17.8674 13.2241 17.8674 12.9763L17.8688 9.35937C17.8688 9.24036 17.8226 9.12638 17.7409 9.04215C17.6591 8.95793 17.5477 8.91055 17.4318 8.91055H14.1657V6.79439C14.1657 5.77728 14.4017 5.26094 15.6915 5.26094L17.5624 5.26025C17.8035 5.26025 17.9989 5.0593 17.9989 4.81166V1.45317C17.9989 1.20576 17.8037 1.00504 17.5628 1.00458Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.9804 7.88005C21.9336 6.81738 21.7617 6.0868 21.5156 5.45374C21.2616 4.78176 20.8709 4.18014 20.359 3.68002C19.8589 3.1721 19.2533 2.77743 18.5891 2.52745C17.9524 2.28127 17.2256 2.10943 16.163 2.06257C15.0923 2.01175 14.7525 2 12.0371 2C9.32172 2 8.98185 2.01175 7.9152 2.05861C6.85253 2.10546 6.12195 2.27746 5.48904 2.52348C4.81692 2.77743 4.2153 3.16814 3.71517 3.68002C3.20726 4.18014 2.81274 4.78573 2.5626 5.44992C2.31643 6.0868 2.14458 6.81341 2.09773 7.87609C2.04691 8.9467 2.03516 9.28658 2.03516 12.002C2.03516 14.7173 2.04691 15.0572 2.09376 16.1239C2.14061 17.1865 2.31261 17.9171 2.55879 18.5502C2.81274 19.2221 3.20726 19.8238 3.71517 20.3239C4.2153 20.8318 4.82088 21.2265 5.48507 21.4765C6.12195 21.7226 6.84856 21.8945 7.91139 21.9413C8.97788 21.9883 9.31791 21.9999 12.0333 21.9999C14.7486 21.9999 15.0885 21.9883 16.1552 21.9413C17.2178 21.8945 17.9484 21.7226 18.5813 21.4765C19.9254 20.9568 20.9881 19.8941 21.5078 18.5502C21.7538 17.9133 21.9258 17.1865 21.9726 16.1239C22.0195 15.0572 22.0312 14.7173 22.0312 12.002C22.0312 9.28658 22.0273 8.9467 21.9804 7.88005ZM20.1794 16.0457C20.1364 17.0225 19.9723 17.5499 19.8355 17.9015C19.4995 18.7728 18.808 19.4643 17.9367 19.8004C17.585 19.9372 17.0538 20.1012 16.0808 20.1441C15.026 20.1911 14.7096 20.2027 12.0411 20.2027C9.37255 20.2027 9.0522 20.1911 8.00113 20.1441C7.02437 20.1012 6.49693 19.9372 6.1453 19.8004C5.71171 19.6402 5.31704 19.3862 4.9967 19.0541C4.6646 18.7298 4.41065 18.3391 4.2504 17.9055C4.11365 17.5539 3.94959 17.0225 3.9067 16.0497C3.8597 14.9948 3.8481 14.6783 3.8481 12.0097C3.8481 9.34122 3.8597 9.02087 3.9067 7.96995C3.94959 6.99319 4.11365 6.46575 4.2504 6.11412C4.41065 5.68038 4.6646 5.28586 5.00067 4.96536C5.32483 4.63327 5.71553 4.37931 6.14927 4.21921C6.5009 4.08247 7.03231 3.9184 8.00509 3.87537C9.05999 3.82851 9.37652 3.81676 12.0449 3.81676C14.7174 3.81676 15.0337 3.82851 16.0848 3.87537C17.0616 3.9184 17.589 4.08247 17.9406 4.21921C18.3742 4.37931 18.7689 4.63327 19.0892 4.96536C19.4213 5.28967 19.6753 5.68038 19.8355 6.11412C19.9723 6.46575 20.1364 6.99701 20.1794 7.96995C20.2262 9.02484 20.238 9.34122 20.238 12.0097C20.238 14.6783 20.2262 14.9908 20.1794 16.0457Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M12.0371 6.86423C9.20069 6.86423 6.89937 9.1654 6.89937 12.002C6.89937 14.8385 9.20069 17.1397 12.0371 17.1397C14.8736 17.1397 17.1748 14.8385 17.1748 12.002C17.1748 9.1654 14.8736 6.86423 12.0371 6.86423ZM12.0371 15.3347C10.197 15.3347 8.70438 13.8422 8.70438 12.002C8.70438 10.1617 10.197 8.66924 12.0371 8.66924C13.8774 8.66924 15.3698 10.1617 15.3698 12.002C15.3698 13.8422 13.8774 15.3347 12.0371 15.3347Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M18.5776 6.6611C18.5776 7.32346 18.0405 7.86053 17.378 7.86053C16.7156 7.86053 16.1785 7.32346 16.1785 6.6611C16.1785 5.99858 16.7156 5.46167 17.378 5.46167C18.0405 5.46167 18.5776 5.99858 18.5776 6.6611Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.995 22L22 21.9992V14.6642C22 11.0758 21.2275 8.31167 17.0325 8.31167C15.0158 8.31167 13.6625 9.41833 13.11 10.4675H13.0517V8.64667H9.07416V21.9992H13.2158V15.3875C13.2158 13.6467 13.5458 11.9633 15.7017 11.9633C17.8258 11.9633 17.8575 13.95 17.8575 15.4992V22H21.995Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M2.32999 8.6475H6.47666V22H2.32999V8.6475Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M4.40167 2C3.07583 2 2 3.07583 2 4.40167C2 5.7275 3.07583 6.82583 4.40167 6.82583C5.7275 6.82583 6.80333 5.7275 6.80333 4.40167C6.8025 3.07583 5.72667 2 4.40167 2Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="team_info">
|
||
<div class="team_info_name">Dianne Russell</div>
|
||
<div class="team_info_position">Founder and CEO</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 2 -->
|
||
<div class="team_slide">
|
||
<div class="team_slide_inner">
|
||
<div class="team_image_box">
|
||
<div class="team_image">
|
||
<img src="./images/3/people/Group 3.jpg" alt="" />
|
||
</div>
|
||
<ul class="team_socials">
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M17.5628 1.00458L14.7856 1C11.6654 1 9.64903 3.12509 9.64903 6.41423V8.91055H6.85662C6.61532 8.91055 6.41992 9.1115 6.41992 9.35937V12.9763C6.41992 13.2241 6.61554 13.4249 6.85662 13.4249H9.64903V22.5514C9.64903 22.7993 9.84443 23 10.0857 23H13.729C13.9703 23 14.1657 22.799 14.1657 22.5514V13.4249H17.4307C17.672 13.4249 17.8674 13.2241 17.8674 12.9763L17.8688 9.35937C17.8688 9.24036 17.8226 9.12638 17.7409 9.04215C17.6591 8.95793 17.5477 8.91055 17.4318 8.91055H14.1657V6.79439C14.1657 5.77728 14.4017 5.26094 15.6915 5.26094L17.5624 5.26025C17.8035 5.26025 17.9989 5.0593 17.9989 4.81166V1.45317C17.9989 1.20576 17.8037 1.00504 17.5628 1.00458Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.9804 7.88005C21.9336 6.81738 21.7617 6.0868 21.5156 5.45374C21.2616 4.78176 20.8709 4.18014 20.359 3.68002C19.8589 3.1721 19.2533 2.77743 18.5891 2.52745C17.9524 2.28127 17.2256 2.10943 16.163 2.06257C15.0923 2.01175 14.7525 2 12.0371 2C9.32172 2 8.98185 2.01175 7.9152 2.05861C6.85253 2.10546 6.12195 2.27746 5.48904 2.52348C4.81692 2.77743 4.2153 3.16814 3.71517 3.68002C3.20726 4.18014 2.81274 4.78573 2.5626 5.44992C2.31643 6.0868 2.14458 6.81341 2.09773 7.87609C2.04691 8.9467 2.03516 9.28658 2.03516 12.002C2.03516 14.7173 2.04691 15.0572 2.09376 16.1239C2.14061 17.1865 2.31261 17.9171 2.55879 18.5502C2.81274 19.2221 3.20726 19.8238 3.71517 20.3239C4.2153 20.8318 4.82088 21.2265 5.48507 21.4765C6.12195 21.7226 6.84856 21.8945 7.91139 21.9413C8.97788 21.9883 9.31791 21.9999 12.0333 21.9999C14.7486 21.9999 15.0885 21.9883 16.1552 21.9413C17.2178 21.8945 17.9484 21.7226 18.5813 21.4765C19.9254 20.9568 20.9881 19.8941 21.5078 18.5502C21.7538 17.9133 21.9258 17.1865 21.9726 16.1239C22.0195 15.0572 22.0312 14.7173 22.0312 12.002C22.0312 9.28658 22.0273 8.9467 21.9804 7.88005ZM20.1794 16.0457C20.1364 17.0225 19.9723 17.5499 19.8355 17.9015C19.4995 18.7728 18.808 19.4643 17.9367 19.8004C17.585 19.9372 17.0538 20.1012 16.0808 20.1441C15.026 20.1911 14.7096 20.2027 12.0411 20.2027C9.37255 20.2027 9.0522 20.1911 8.00113 20.1441C7.02437 20.1012 6.49693 19.9372 6.1453 19.8004C5.71171 19.6402 5.31704 19.3862 4.9967 19.0541C4.6646 18.7298 4.41065 18.3391 4.2504 17.9055C4.11365 17.5539 3.94959 17.0225 3.9067 16.0497C3.8597 14.9948 3.8481 14.6783 3.8481 12.0097C3.8481 9.34122 3.8597 9.02087 3.9067 7.96995C3.94959 6.99319 4.11365 6.46575 4.2504 6.11412C4.41065 5.68038 4.6646 5.28586 5.00067 4.96536C5.32483 4.63327 5.71553 4.37931 6.14927 4.21921C6.5009 4.08247 7.03231 3.9184 8.00509 3.87537C9.05999 3.82851 9.37652 3.81676 12.0449 3.81676C14.7174 3.81676 15.0337 3.82851 16.0848 3.87537C17.0616 3.9184 17.589 4.08247 17.9406 4.21921C18.3742 4.37931 18.7689 4.63327 19.0892 4.96536C19.4213 5.28967 19.6753 5.68038 19.8355 6.11412C19.9723 6.46575 20.1364 6.99701 20.1794 7.96995C20.2262 9.02484 20.238 9.34122 20.238 12.0097C20.238 14.6783 20.2262 14.9908 20.1794 16.0457Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M12.0371 6.86423C9.20069 6.86423 6.89937 9.1654 6.89937 12.002C6.89937 14.8385 9.20069 17.1397 12.0371 17.1397C14.8736 17.1397 17.1748 14.8385 17.1748 12.002C17.1748 9.1654 14.8736 6.86423 12.0371 6.86423ZM12.0371 15.3347C10.197 15.3347 8.70438 13.8422 8.70438 12.002C8.70438 10.1617 10.197 8.66924 12.0371 8.66924C13.8774 8.66924 15.3698 10.1617 15.3698 12.002C15.3698 13.8422 13.8774 15.3347 12.0371 15.3347Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M18.5776 6.6611C18.5776 7.32346 18.0405 7.86053 17.378 7.86053C16.7156 7.86053 16.1785 7.32346 16.1785 6.6611C16.1785 5.99858 16.7156 5.46167 17.378 5.46167C18.0405 5.46167 18.5776 5.99858 18.5776 6.6611Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.995 22L22 21.9992V14.6642C22 11.0758 21.2275 8.31167 17.0325 8.31167C15.0158 8.31167 13.6625 9.41833 13.11 10.4675H13.0517V8.64667H9.07416V21.9992H13.2158V15.3875C13.2158 13.6467 13.5458 11.9633 15.7017 11.9633C17.8258 11.9633 17.8575 13.95 17.8575 15.4992V22H21.995Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M2.32999 8.6475H6.47666V22H2.32999V8.6475Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M4.40167 2C3.07583 2 2 3.07583 2 4.40167C2 5.7275 3.07583 6.82583 4.40167 6.82583C5.7275 6.82583 6.80333 5.7275 6.80333 4.40167C6.8025 3.07583 5.72667 2 4.40167 2Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="team_info">
|
||
<div class="team_info_name">Jerome Bell</div>
|
||
<div class="team_info_position">
|
||
Founder and Program Director
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 3 -->
|
||
<div class="team_slide">
|
||
<div class="team_slide_inner">
|
||
<div class="team_image_box">
|
||
<div class="team_image">
|
||
<img src="./images/3/people/Group 4.jpg" alt="" />
|
||
</div>
|
||
<ul class="team_socials">
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M17.5628 1.00458L14.7856 1C11.6654 1 9.64903 3.12509 9.64903 6.41423V8.91055H6.85662C6.61532 8.91055 6.41992 9.1115 6.41992 9.35937V12.9763C6.41992 13.2241 6.61554 13.4249 6.85662 13.4249H9.64903V22.5514C9.64903 22.7993 9.84443 23 10.0857 23H13.729C13.9703 23 14.1657 22.799 14.1657 22.5514V13.4249H17.4307C17.672 13.4249 17.8674 13.2241 17.8674 12.9763L17.8688 9.35937C17.8688 9.24036 17.8226 9.12638 17.7409 9.04215C17.6591 8.95793 17.5477 8.91055 17.4318 8.91055H14.1657V6.79439C14.1657 5.77728 14.4017 5.26094 15.6915 5.26094L17.5624 5.26025C17.8035 5.26025 17.9989 5.0593 17.9989 4.81166V1.45317C17.9989 1.20576 17.8037 1.00504 17.5628 1.00458Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.9804 7.88005C21.9336 6.81738 21.7617 6.0868 21.5156 5.45374C21.2616 4.78176 20.8709 4.18014 20.359 3.68002C19.8589 3.1721 19.2533 2.77743 18.5891 2.52745C17.9524 2.28127 17.2256 2.10943 16.163 2.06257C15.0923 2.01175 14.7525 2 12.0371 2C9.32172 2 8.98185 2.01175 7.9152 2.05861C6.85253 2.10546 6.12195 2.27746 5.48904 2.52348C4.81692 2.77743 4.2153 3.16814 3.71517 3.68002C3.20726 4.18014 2.81274 4.78573 2.5626 5.44992C2.31643 6.0868 2.14458 6.81341 2.09773 7.87609C2.04691 8.9467 2.03516 9.28658 2.03516 12.002C2.03516 14.7173 2.04691 15.0572 2.09376 16.1239C2.14061 17.1865 2.31261 17.9171 2.55879 18.5502C2.81274 19.2221 3.20726 19.8238 3.71517 20.3239C4.2153 20.8318 4.82088 21.2265 5.48507 21.4765C6.12195 21.7226 6.84856 21.8945 7.91139 21.9413C8.97788 21.9883 9.31791 21.9999 12.0333 21.9999C14.7486 21.9999 15.0885 21.9883 16.1552 21.9413C17.2178 21.8945 17.9484 21.7226 18.5813 21.4765C19.9254 20.9568 20.9881 19.8941 21.5078 18.5502C21.7538 17.9133 21.9258 17.1865 21.9726 16.1239C22.0195 15.0572 22.0312 14.7173 22.0312 12.002C22.0312 9.28658 22.0273 8.9467 21.9804 7.88005ZM20.1794 16.0457C20.1364 17.0225 19.9723 17.5499 19.8355 17.9015C19.4995 18.7728 18.808 19.4643 17.9367 19.8004C17.585 19.9372 17.0538 20.1012 16.0808 20.1441C15.026 20.1911 14.7096 20.2027 12.0411 20.2027C9.37255 20.2027 9.0522 20.1911 8.00113 20.1441C7.02437 20.1012 6.49693 19.9372 6.1453 19.8004C5.71171 19.6402 5.31704 19.3862 4.9967 19.0541C4.6646 18.7298 4.41065 18.3391 4.2504 17.9055C4.11365 17.5539 3.94959 17.0225 3.9067 16.0497C3.8597 14.9948 3.8481 14.6783 3.8481 12.0097C3.8481 9.34122 3.8597 9.02087 3.9067 7.96995C3.94959 6.99319 4.11365 6.46575 4.2504 6.11412C4.41065 5.68038 4.6646 5.28586 5.00067 4.96536C5.32483 4.63327 5.71553 4.37931 6.14927 4.21921C6.5009 4.08247 7.03231 3.9184 8.00509 3.87537C9.05999 3.82851 9.37652 3.81676 12.0449 3.81676C14.7174 3.81676 15.0337 3.82851 16.0848 3.87537C17.0616 3.9184 17.589 4.08247 17.9406 4.21921C18.3742 4.37931 18.7689 4.63327 19.0892 4.96536C19.4213 5.28967 19.6753 5.68038 19.8355 6.11412C19.9723 6.46575 20.1364 6.99701 20.1794 7.96995C20.2262 9.02484 20.238 9.34122 20.238 12.0097C20.238 14.6783 20.2262 14.9908 20.1794 16.0457Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M12.0371 6.86423C9.20069 6.86423 6.89937 9.1654 6.89937 12.002C6.89937 14.8385 9.20069 17.1397 12.0371 17.1397C14.8736 17.1397 17.1748 14.8385 17.1748 12.002C17.1748 9.1654 14.8736 6.86423 12.0371 6.86423ZM12.0371 15.3347C10.197 15.3347 8.70438 13.8422 8.70438 12.002C8.70438 10.1617 10.197 8.66924 12.0371 8.66924C13.8774 8.66924 15.3698 10.1617 15.3698 12.002C15.3698 13.8422 13.8774 15.3347 12.0371 15.3347Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M18.5776 6.6611C18.5776 7.32346 18.0405 7.86053 17.378 7.86053C16.7156 7.86053 16.1785 7.32346 16.1785 6.6611C16.1785 5.99858 16.7156 5.46167 17.378 5.46167C18.0405 5.46167 18.5776 5.99858 18.5776 6.6611Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.995 22L22 21.9992V14.6642C22 11.0758 21.2275 8.31167 17.0325 8.31167C15.0158 8.31167 13.6625 9.41833 13.11 10.4675H13.0517V8.64667H9.07416V21.9992H13.2158V15.3875C13.2158 13.6467 13.5458 11.9633 15.7017 11.9633C17.8258 11.9633 17.8575 13.95 17.8575 15.4992V22H21.995Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M2.32999 8.6475H6.47666V22H2.32999V8.6475Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M4.40167 2C3.07583 2 2 3.07583 2 4.40167C2 5.7275 3.07583 6.82583 4.40167 6.82583C5.7275 6.82583 6.80333 5.7275 6.80333 4.40167C6.8025 3.07583 5.72667 2 4.40167 2Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="team_info">
|
||
<div class="team_info_name">Kristin Watson</div>
|
||
<div class="team_info_position">
|
||
Marketer, Curator of Marketing Course
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 4 -->
|
||
<div class="team_slide">
|
||
<div class="team_slide_inner">
|
||
<div class="team_image_box">
|
||
<div class="team_image">
|
||
<img src="./images/3/people/Group 5.jpg" alt="" />
|
||
</div>
|
||
<ul class="team_socials">
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M17.5628 1.00458L14.7856 1C11.6654 1 9.64903 3.12509 9.64903 6.41423V8.91055H6.85662C6.61532 8.91055 6.41992 9.1115 6.41992 9.35937V12.9763C6.41992 13.2241 6.61554 13.4249 6.85662 13.4249H9.64903V22.5514C9.64903 22.7993 9.84443 23 10.0857 23H13.729C13.9703 23 14.1657 22.799 14.1657 22.5514V13.4249H17.4307C17.672 13.4249 17.8674 13.2241 17.8674 12.9763L17.8688 9.35937C17.8688 9.24036 17.8226 9.12638 17.7409 9.04215C17.6591 8.95793 17.5477 8.91055 17.4318 8.91055H14.1657V6.79439C14.1657 5.77728 14.4017 5.26094 15.6915 5.26094L17.5624 5.26025C17.8035 5.26025 17.9989 5.0593 17.9989 4.81166V1.45317C17.9989 1.20576 17.8037 1.00504 17.5628 1.00458Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.9804 7.88005C21.9336 6.81738 21.7617 6.0868 21.5156 5.45374C21.2616 4.78176 20.8709 4.18014 20.359 3.68002C19.8589 3.1721 19.2533 2.77743 18.5891 2.52745C17.9524 2.28127 17.2256 2.10943 16.163 2.06257C15.0923 2.01175 14.7525 2 12.0371 2C9.32172 2 8.98185 2.01175 7.9152 2.05861C6.85253 2.10546 6.12195 2.27746 5.48904 2.52348C4.81692 2.77743 4.2153 3.16814 3.71517 3.68002C3.20726 4.18014 2.81274 4.78573 2.5626 5.44992C2.31643 6.0868 2.14458 6.81341 2.09773 7.87609C2.04691 8.9467 2.03516 9.28658 2.03516 12.002C2.03516 14.7173 2.04691 15.0572 2.09376 16.1239C2.14061 17.1865 2.31261 17.9171 2.55879 18.5502C2.81274 19.2221 3.20726 19.8238 3.71517 20.3239C4.2153 20.8318 4.82088 21.2265 5.48507 21.4765C6.12195 21.7226 6.84856 21.8945 7.91139 21.9413C8.97788 21.9883 9.31791 21.9999 12.0333 21.9999C14.7486 21.9999 15.0885 21.9883 16.1552 21.9413C17.2178 21.8945 17.9484 21.7226 18.5813 21.4765C19.9254 20.9568 20.9881 19.8941 21.5078 18.5502C21.7538 17.9133 21.9258 17.1865 21.9726 16.1239C22.0195 15.0572 22.0312 14.7173 22.0312 12.002C22.0312 9.28658 22.0273 8.9467 21.9804 7.88005ZM20.1794 16.0457C20.1364 17.0225 19.9723 17.5499 19.8355 17.9015C19.4995 18.7728 18.808 19.4643 17.9367 19.8004C17.585 19.9372 17.0538 20.1012 16.0808 20.1441C15.026 20.1911 14.7096 20.2027 12.0411 20.2027C9.37255 20.2027 9.0522 20.1911 8.00113 20.1441C7.02437 20.1012 6.49693 19.9372 6.1453 19.8004C5.71171 19.6402 5.31704 19.3862 4.9967 19.0541C4.6646 18.7298 4.41065 18.3391 4.2504 17.9055C4.11365 17.5539 3.94959 17.0225 3.9067 16.0497C3.8597 14.9948 3.8481 14.6783 3.8481 12.0097C3.8481 9.34122 3.8597 9.02087 3.9067 7.96995C3.94959 6.99319 4.11365 6.46575 4.2504 6.11412C4.41065 5.68038 4.6646 5.28586 5.00067 4.96536C5.32483 4.63327 5.71553 4.37931 6.14927 4.21921C6.5009 4.08247 7.03231 3.9184 8.00509 3.87537C9.05999 3.82851 9.37652 3.81676 12.0449 3.81676C14.7174 3.81676 15.0337 3.82851 16.0848 3.87537C17.0616 3.9184 17.589 4.08247 17.9406 4.21921C18.3742 4.37931 18.7689 4.63327 19.0892 4.96536C19.4213 5.28967 19.6753 5.68038 19.8355 6.11412C19.9723 6.46575 20.1364 6.99701 20.1794 7.96995C20.2262 9.02484 20.238 9.34122 20.238 12.0097C20.238 14.6783 20.2262 14.9908 20.1794 16.0457Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M12.0371 6.86423C9.20069 6.86423 6.89937 9.1654 6.89937 12.002C6.89937 14.8385 9.20069 17.1397 12.0371 17.1397C14.8736 17.1397 17.1748 14.8385 17.1748 12.002C17.1748 9.1654 14.8736 6.86423 12.0371 6.86423ZM12.0371 15.3347C10.197 15.3347 8.70438 13.8422 8.70438 12.002C8.70438 10.1617 10.197 8.66924 12.0371 8.66924C13.8774 8.66924 15.3698 10.1617 15.3698 12.002C15.3698 13.8422 13.8774 15.3347 12.0371 15.3347Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M18.5776 6.6611C18.5776 7.32346 18.0405 7.86053 17.378 7.86053C16.7156 7.86053 16.1785 7.32346 16.1785 6.6611C16.1785 5.99858 16.7156 5.46167 17.378 5.46167C18.0405 5.46167 18.5776 5.99858 18.5776 6.6611Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.995 22L22 21.9992V14.6642C22 11.0758 21.2275 8.31167 17.0325 8.31167C15.0158 8.31167 13.6625 9.41833 13.11 10.4675H13.0517V8.64667H9.07416V21.9992H13.2158V15.3875C13.2158 13.6467 13.5458 11.9633 15.7017 11.9633C17.8258 11.9633 17.8575 13.95 17.8575 15.4992V22H21.995Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M2.32999 8.6475H6.47666V22H2.32999V8.6475Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M4.40167 2C3.07583 2 2 3.07583 2 4.40167C2 5.7275 3.07583 6.82583 4.40167 6.82583C5.7275 6.82583 6.80333 5.7275 6.80333 4.40167C6.8025 3.07583 5.72667 2 4.40167 2Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="team_info">
|
||
<div class="team_info_name">Marvin McKinney</div>
|
||
<div class="team_info_position">
|
||
PM, Curator of Management Course
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 5 -->
|
||
<div class="team_slide">
|
||
<div class="team_slide_inner">
|
||
<div class="team_image_box">
|
||
<div class="team_image">
|
||
<img src="./images/3/people/Group 5.jpg" alt="" />
|
||
</div>
|
||
<ul class="team_socials">
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M17.5628 1.00458L14.7856 1C11.6654 1 9.64903 3.12509 9.64903 6.41423V8.91055H6.85662C6.61532 8.91055 6.41992 9.1115 6.41992 9.35937V12.9763C6.41992 13.2241 6.61554 13.4249 6.85662 13.4249H9.64903V22.5514C9.64903 22.7993 9.84443 23 10.0857 23H13.729C13.9703 23 14.1657 22.799 14.1657 22.5514V13.4249H17.4307C17.672 13.4249 17.8674 13.2241 17.8674 12.9763L17.8688 9.35937C17.8688 9.24036 17.8226 9.12638 17.7409 9.04215C17.6591 8.95793 17.5477 8.91055 17.4318 8.91055H14.1657V6.79439C14.1657 5.77728 14.4017 5.26094 15.6915 5.26094L17.5624 5.26025C17.8035 5.26025 17.9989 5.0593 17.9989 4.81166V1.45317C17.9989 1.20576 17.8037 1.00504 17.5628 1.00458Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.9804 7.88005C21.9336 6.81738 21.7617 6.0868 21.5156 5.45374C21.2616 4.78176 20.8709 4.18014 20.359 3.68002C19.8589 3.1721 19.2533 2.77743 18.5891 2.52745C17.9524 2.28127 17.2256 2.10943 16.163 2.06257C15.0923 2.01175 14.7525 2 12.0371 2C9.32172 2 8.98185 2.01175 7.9152 2.05861C6.85253 2.10546 6.12195 2.27746 5.48904 2.52348C4.81692 2.77743 4.2153 3.16814 3.71517 3.68002C3.20726 4.18014 2.81274 4.78573 2.5626 5.44992C2.31643 6.0868 2.14458 6.81341 2.09773 7.87609C2.04691 8.9467 2.03516 9.28658 2.03516 12.002C2.03516 14.7173 2.04691 15.0572 2.09376 16.1239C2.14061 17.1865 2.31261 17.9171 2.55879 18.5502C2.81274 19.2221 3.20726 19.8238 3.71517 20.3239C4.2153 20.8318 4.82088 21.2265 5.48507 21.4765C6.12195 21.7226 6.84856 21.8945 7.91139 21.9413C8.97788 21.9883 9.31791 21.9999 12.0333 21.9999C14.7486 21.9999 15.0885 21.9883 16.1552 21.9413C17.2178 21.8945 17.9484 21.7226 18.5813 21.4765C19.9254 20.9568 20.9881 19.8941 21.5078 18.5502C21.7538 17.9133 21.9258 17.1865 21.9726 16.1239C22.0195 15.0572 22.0312 14.7173 22.0312 12.002C22.0312 9.28658 22.0273 8.9467 21.9804 7.88005ZM20.1794 16.0457C20.1364 17.0225 19.9723 17.5499 19.8355 17.9015C19.4995 18.7728 18.808 19.4643 17.9367 19.8004C17.585 19.9372 17.0538 20.1012 16.0808 20.1441C15.026 20.1911 14.7096 20.2027 12.0411 20.2027C9.37255 20.2027 9.0522 20.1911 8.00113 20.1441C7.02437 20.1012 6.49693 19.9372 6.1453 19.8004C5.71171 19.6402 5.31704 19.3862 4.9967 19.0541C4.6646 18.7298 4.41065 18.3391 4.2504 17.9055C4.11365 17.5539 3.94959 17.0225 3.9067 16.0497C3.8597 14.9948 3.8481 14.6783 3.8481 12.0097C3.8481 9.34122 3.8597 9.02087 3.9067 7.96995C3.94959 6.99319 4.11365 6.46575 4.2504 6.11412C4.41065 5.68038 4.6646 5.28586 5.00067 4.96536C5.32483 4.63327 5.71553 4.37931 6.14927 4.21921C6.5009 4.08247 7.03231 3.9184 8.00509 3.87537C9.05999 3.82851 9.37652 3.81676 12.0449 3.81676C14.7174 3.81676 15.0337 3.82851 16.0848 3.87537C17.0616 3.9184 17.589 4.08247 17.9406 4.21921C18.3742 4.37931 18.7689 4.63327 19.0892 4.96536C19.4213 5.28967 19.6753 5.68038 19.8355 6.11412C19.9723 6.46575 20.1364 6.99701 20.1794 7.96995C20.2262 9.02484 20.238 9.34122 20.238 12.0097C20.238 14.6783 20.2262 14.9908 20.1794 16.0457Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M12.0371 6.86423C9.20069 6.86423 6.89937 9.1654 6.89937 12.002C6.89937 14.8385 9.20069 17.1397 12.0371 17.1397C14.8736 17.1397 17.1748 14.8385 17.1748 12.002C17.1748 9.1654 14.8736 6.86423 12.0371 6.86423ZM12.0371 15.3347C10.197 15.3347 8.70438 13.8422 8.70438 12.002C8.70438 10.1617 10.197 8.66924 12.0371 8.66924C13.8774 8.66924 15.3698 10.1617 15.3698 12.002C15.3698 13.8422 13.8774 15.3347 12.0371 15.3347Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M18.5776 6.6611C18.5776 7.32346 18.0405 7.86053 17.378 7.86053C16.7156 7.86053 16.1785 7.32346 16.1785 6.6611C16.1785 5.99858 16.7156 5.46167 17.378 5.46167C18.0405 5.46167 18.5776 5.99858 18.5776 6.6611Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="team_socials_item">
|
||
<a class="team_socials_link" href="#">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.995 22L22 21.9992V14.6642C22 11.0758 21.2275 8.31167 17.0325 8.31167C15.0158 8.31167 13.6625 9.41833 13.11 10.4675H13.0517V8.64667H9.07416V21.9992H13.2158V15.3875C13.2158 13.6467 13.5458 11.9633 15.7017 11.9633C17.8258 11.9633 17.8575 13.95 17.8575 15.4992V22H21.995Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M2.32999 8.6475H6.47666V22H2.32999V8.6475Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M4.40167 2C3.07583 2 2 3.07583 2 4.40167C2 5.7275 3.07583 6.82583 4.40167 6.82583C5.7275 6.82583 6.80333 5.7275 6.80333 4.40167C6.8025 3.07583 5.72667 2 4.40167 2Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="team_info">
|
||
<div class="team_info_name">Marvin McKinney</div>
|
||
<div class="team_info_position">
|
||
PM, Curator of Management Course
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- пятая секция сайта слайдер -->
|
||
<section class="main_testimonials testimonials" id="testimonials">
|
||
<div class="container">
|
||
<div class="testimonials_inner">
|
||
<div class="testimonials_heading">
|
||
<p class="heading_subtitle">TESTIMONIALS</p>
|
||
<h2 class="heading_title">What our students say</h2>
|
||
</div>
|
||
<div class="testimonials_slider_wrapper">
|
||
<div class="testimonials_slider">
|
||
<!-- 1 -->
|
||
<div class="testimonials_slide">
|
||
<div class="testimonials_slide_inner">
|
||
<blockquote class="testimonials_quote">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||
Justo, amet lectus quam viverra mus lobortis fermentum
|
||
amet, eu. Pulvinar eu sed purus facilisi. Vitae id
|
||
turpis tempus ornare turpis quis non. Congue tortor in
|
||
euismod vulputate etiam eros. Pulvinar neque pharetra
|
||
arcu diam maecenas diam integer in.
|
||
</blockquote>
|
||
<div class="testimonials_user">
|
||
<div class="testimonials_user_avatar">
|
||
<img src="./images/3/image.jpg" alt="" />
|
||
</div>
|
||
<div class="testimonials_info">
|
||
<div class="testimonials_info_name">Eleanor Pena</div>
|
||
<div class="testimonials_info_position">
|
||
Position, Course
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 2 -->
|
||
<div class="testimonials_slide">
|
||
<div class="testimonials_slide_inner">
|
||
<blockquote class="testimonials_quote">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||
Justo, amet lectus quam viverra mus lobortis fermentum
|
||
amet, eu. Pulvinar eu sed purus facilisi. Vitae id
|
||
turpis tempus ornare turpis quis non. Congue tortor in
|
||
euismod vulputate etiam eros. Pulvinar neque pharetra
|
||
arcu diam maecenas diam integer in.
|
||
</blockquote>
|
||
<div class="testimonials_user">
|
||
<div class="testimonials_user_avatar">
|
||
<img src="./images/3/image.jpg" alt="" />
|
||
</div>
|
||
<div class="testimonials_info">
|
||
<div class="testimonials_info_name">Eleanor Pena</div>
|
||
<div class="testimonials_info_position">
|
||
Position, Course
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 3 -->
|
||
<div class="testimonials_slide">
|
||
<div class="testimonials_slide_inner">
|
||
<blockquote class="testimonials_quote">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||
Justo, amet lectus quam viverra mus lobortis fermentum
|
||
amet, eu. Pulvinar eu sed purus facilisi. Vitae id
|
||
turpis tempus ornare turpis quis non. Congue tortor in
|
||
euismod vulputate etiam eros. Pulvinar neque pharetra
|
||
arcu diam maecenas diam integer in.
|
||
</blockquote>
|
||
<div class="testimonials_user">
|
||
<div class="testimonials_user_avatar">
|
||
<img src="./images/3/image.jpg" alt="" />
|
||
</div>
|
||
<div class="testimonials_info">
|
||
<div class="testimonials_info_name">Eleanor Pena</div>
|
||
<div class="testimonials_info_position">
|
||
Position, Course
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 4 -->
|
||
<div class="testimonials_slide">
|
||
<div class="testimonials_slide_inner">
|
||
<blockquote class="testimonials_quote">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||
Justo, amet lectus quam viverra mus lobortis fermentum
|
||
amet, eu. Pulvinar eu sed purus facilisi. Vitae id
|
||
turpis tempus ornare turpis quis non. Congue tortor in
|
||
euismod vulputate etiam eros. Pulvinar neque pharetra
|
||
arcu diam maecenas diam integer in.
|
||
</blockquote>
|
||
<div class="testimonials_user">
|
||
<div class="testimonials_user_avatar">
|
||
<img src="./images/3/image.jpg" alt="" />
|
||
</div>
|
||
<div class="testimonials_info">
|
||
<div class="testimonials_info_name">Eleanor Pena</div>
|
||
<div class="testimonials_info_position">
|
||
Position, Course
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 5 -->
|
||
<div class="testimonials_slide">
|
||
<div class="testimonials_slide_inner">
|
||
<blockquote class="testimonials_quote">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||
Justo, amet lectus quam viverra mus lobortis fermentum
|
||
amet, eu. Pulvinar eu sed purus facilisi. Vitae id
|
||
turpis tempus ornare turpis quis non. Congue tortor in
|
||
euismod vulputate etiam eros. Pulvinar neque pharetra
|
||
arcu diam maecenas diam integer in.
|
||
</blockquote>
|
||
<div class="testimonials_user">
|
||
<div class="testimonials_user_avatar">
|
||
<img src="./images/3/image.jpg" alt="" />
|
||
</div>
|
||
<div class="testimonials_info">
|
||
<div class="testimonials_info_name">Eleanor Pena</div>
|
||
<div class="testimonials_info_position">
|
||
Position, Course
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="testimonials_arrow testimonials_prev" href="#">
|
||
<svg
|
||
width="18"
|
||
height="12"
|
||
viewBox="0 0 18 12"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M6.20711 11.2071C5.81658 11.5976 5.18342 11.5976 4.79289
|
||
11.2071L0.292892 6.70711C-0.0976315 6.31658 -0.0976315 5.68342
|
||
0.292892 5.29289L4.79289 0.792893C5.18342 0.402369 5.81658 0.402369
|
||
6.20711 0.792893C6.59763 1.18342 6.59763 1.81658 6.20711 2.20711L3.41421
|
||
5L17 5C17.5523 5 18 5.44772 18 6C18 6.55228 17.5523 7 17 7L3.41421 7L6.20711
|
||
9.79289C6.59763 10.1834 6.59763 10.8166 6.20711 11.2071Z"
|
||
fill="#424551"
|
||
></path>
|
||
</svg>
|
||
</a>
|
||
<a class="testimonials_arrow testimonials_next" href="#">
|
||
<svg
|
||
width="18"
|
||
height="12"
|
||
viewBox="0 0 18 12"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M11.7929 0.792893C12.1834 0.402369 12.8166 0.402369 13.2071 0.792893L17.7071 5.29289C18.0976 5.68342 18.0976 6.31658 17.7071 6.70711L13.2071 11.2071C12.8166 11.5976 12.1834 11.5976 11.7929 11.2071C11.4024 10.8166 11.4024 10.1834 11.7929 9.79289L14.5858 7H1C0.447715 7 0 6.55228 0 6C0 5.44772 0.447715 5 1 5H14.5858L11.7929 2.20711C11.4024 1.81658 11.4024 1.18342 11.7929 0.792893Z"
|
||
fill="#424551"
|
||
></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
<div class="testimonials_dots"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- шестая секция сайта футер -->
|
||
<section class="main_companies companies" id="companies">
|
||
<div class="container">
|
||
<div class="companies_inner">
|
||
<div class="companies_heading">
|
||
<p class="heading_subtitle">best jobs for you</p>
|
||
<h2 class="heading_title">Our students work here</h2>
|
||
</div>
|
||
<ul class="companies_grid">
|
||
<!-- 1 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 2 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 3 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 4 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 5 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 6 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 7 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 8 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 9 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 10 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 11 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
<!-- 12 -->
|
||
<li class="companies_grid_item">
|
||
<a class="companies_item_link" href="#">
|
||
<img src="./images/3/icons/logo-11.svg" alt="" />
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- седьмая секция сайта аккордеон -->
|
||
<section class="main_program program" id="program">
|
||
<div class="container">
|
||
<div class="program_inner">
|
||
<div class="program_content">
|
||
<div class="program_heading">
|
||
<p class="heading_subtitle">Course program</p>
|
||
<h2 class="heading_title">What will you learn</h2>
|
||
</div>
|
||
<ul class="program_acc">
|
||
<!-- 1 -->
|
||
<li class="program_acc_item">
|
||
<a href="#" class="program_acc_link">
|
||
<div class="program_acc_head">
|
||
<span>Lesson 1.</span>Aliquet lectus urna viverra in
|
||
odio.
|
||
</div>
|
||
<p class="program_acc_text" style="display: none">
|
||
Nulla amet, sagittis potenti rhoncus sit. Elit lectus
|
||
nec pulvinar aliquet donec enim, ornare. Lacus facilisi
|
||
curabitur turpis varius mauris. Nisi, tempus risus, odio
|
||
mi suscipit sed. Curabitur faucibus porttitor quis sem
|
||
lacus, arcu feugiat facilisis. Commodo nunc orci vitae
|
||
accumsan id.
|
||
</p>
|
||
</a>
|
||
</li>
|
||
<!-- 2 -->
|
||
<li class="program_acc_item">
|
||
<a href="#" class="program_acc_link">
|
||
<div class="program_acc_head">
|
||
<span>Lesson 2.</span>Orci commodo, viverra orci mollis
|
||
ut euismod.
|
||
</div>
|
||
<p class="program_acc_text" style="display: none">
|
||
Nulla amet, sagittis potenti rhoncus sit. Elit lectus
|
||
nec pulvinar aliquet donec enim, ornare. Lacus facilisi
|
||
curabitur turpis varius mauris. Nisi, tempus risus, odio
|
||
mi suscipit sed. Curabitur faucibus porttitor quis sem
|
||
lacus, arcu feugiat facilisis. Commodo nunc orci vitae
|
||
accumsan id.
|
||
</p>
|
||
</a>
|
||
</li>
|
||
<!-- 3 -->
|
||
<li class="program_acc_item">
|
||
<a href="#" class="program_acc_link">
|
||
<div class="program_acc_head">
|
||
<span>Lesson 3.</span>Sagittis vitae facilisi rutrum
|
||
amet mauris quisque vel.
|
||
</div>
|
||
<p class="program_acc_text" style="display: none">
|
||
Nulla amet, sagittis potenti rhoncus sit. Elit lectus
|
||
nec pulvinar aliquet donec enim, ornare. Lacus facilisi
|
||
curabitur turpis varius mauris. Nisi, tempus risus, odio
|
||
mi suscipit sed. Curabitur faucibus porttitor quis sem
|
||
lacus, arcu feugiat facilisis. Commodo nunc orci vitae
|
||
accumsan id.
|
||
</p>
|
||
</a>
|
||
</li>
|
||
<!-- 4 -->
|
||
<li class="program_acc_item">
|
||
<a href="#" class="program_acc_link">
|
||
<div class="program_acc_head">
|
||
<span>Lesson 4.</span>In id dolor quis nunc, urna
|
||
hendrerit pharetra.
|
||
</div>
|
||
<p class="program_acc_text" style="display: none">
|
||
Nulla amet, sagittis potenti rhoncus sit. Elit lectus
|
||
nec pulvinar aliquet donec enim, ornare. Lacus facilisi
|
||
curabitur turpis varius mauris. Nisi, tempus risus, odio
|
||
mi suscipit sed. Curabitur faucibus porttitor quis sem
|
||
lacus, arcu feugiat facilisis. Commodo nunc orci vitae
|
||
accumsan id.
|
||
</p>
|
||
</a>
|
||
</li>
|
||
<!-- 5 -->
|
||
<li class="program_acc_item">
|
||
<a href="#" class="program_acc_link">
|
||
<div class="program_acc_head">
|
||
<span>Lesson 5.</span>Est, ut tempus id rutrum facilisi.
|
||
</div>
|
||
<p class="program_acc_text" style="display: none">
|
||
Nulla amet, sagittis potenti rhoncus sit. Elit lectus
|
||
nec pulvinar aliquet donec enim, ornare. Lacus facilisi
|
||
curabitur turpis varius mauris. Nisi, tempus risus, odio
|
||
mi suscipit sed. Curabitur faucibus porttitor quis sem
|
||
lacus, arcu feugiat facilisis. Commodo nunc orci vitae
|
||
accumsan id.
|
||
</p>
|
||
</a>
|
||
</li>
|
||
<!-- 6 -->
|
||
<li class="program_acc_item">
|
||
<a href="#" class="program_acc_link">
|
||
<div class="program_acc_head">
|
||
<span>Lesson 6.</span>Aliquet lectus urna viverra in
|
||
odio.
|
||
</div>
|
||
<p class="program_acc_text" style="display: none">
|
||
Nulla amet, sagittis potenti rhoncus sit. Elit lectus
|
||
nec pulvinar aliquet donec enim, ornare. Lacus facilisi
|
||
curabitur turpis varius mauris. Nisi, tempus risus, odio
|
||
mi suscipit sed. Curabitur faucibus porttitor quis sem
|
||
lacus, arcu feugiat facilisis. Commodo nunc orci vitae
|
||
accumsan id.
|
||
</p>
|
||
</a>
|
||
</li>
|
||
<!-- 7 -->
|
||
<li class="program_acc_item">
|
||
<a href="#" class="program_acc_link">
|
||
<div class="program_acc_head">
|
||
<span>Lesson 7.</span>Massa vel arcu mauris, id vel
|
||
rhoncus mattis quis.
|
||
</div>
|
||
<p class="program_acc_text" style="display: none">
|
||
Nulla amet, sagittis potenti rhoncus sit. Elit lectus
|
||
nec pulvinar aliquet donec enim, ornare. Lacus facilisi
|
||
curabitur turpis varius mauris. Nisi, tempus risus, odio
|
||
mi suscipit sed. Curabitur faucibus porttitor quis sem
|
||
lacus, arcu feugiat facilisis. Commodo nunc orci vitae
|
||
accumsan id.
|
||
</p>
|
||
</a>
|
||
</li>
|
||
<!-- 8 -->
|
||
<li class="program_acc_item">
|
||
<a href="#" class="program_acc_link">
|
||
<div class="program_acc_head">
|
||
<span>Lesson 8.</span>Neque, cursus sapien nullam id.
|
||
</div>
|
||
<p class="program_acc_text" style="display: none">
|
||
Nulla amet, sagittis potenti rhoncus sit. Elit lectus
|
||
nec pulvinar aliquet donec enim, ornare. Lacus facilisi
|
||
curabitur turpis varius mauris. Nisi, tempus risus, odio
|
||
mi suscipit sed. Curabitur faucibus porttitor quis sem
|
||
lacus, arcu feugiat facilisis. Commodo nunc orci vitae
|
||
accumsan id.
|
||
</p>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="program_image">
|
||
<img src="./images/4/illustration.svg" alt="" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- восьмая секция сайта -->
|
||
<section class="main_blog blog" id="blog">
|
||
<div class="container">
|
||
<div class="blog_inner">
|
||
<div class="blog_top">
|
||
<div class="blog_heading heading">
|
||
<p class="heading_subtitle">Our blog</p>
|
||
<h2 class="heading_title">Latest posts</h2>
|
||
</div>
|
||
<a class="blog_btn button" href="#">Go to blog</a>
|
||
</div>
|
||
<ul class="blog_row">
|
||
<!-- 1 -->
|
||
<li class="blog_item">
|
||
<a class="blog_item_link" href="#">
|
||
<article class="blog_item_inner">
|
||
<div class="blog_image_box">
|
||
<img src="./images/4/row/1.jpg" alt="" />
|
||
<span
|
||
><img
|
||
src="./images/4/icons/mic.svg"
|
||
alt=""
|
||
/>Podcast</span
|
||
>
|
||
</div>
|
||
<div class="blog_item_content">
|
||
<div class="blog_item_info">
|
||
<div class="blog_info_el blog_info_dir">
|
||
Marketing
|
||
</div>
|
||
<data class="blog_info_el blog_info_date"
|
||
>September 4, 2020</data
|
||
>
|
||
<time class="blog_info_el blog_info_time"
|
||
>36 min</time
|
||
>
|
||
</div>
|
||
<h4 class="blog_item_title">
|
||
What is traffic arbitrage and does it really make
|
||
money?
|
||
</h4>
|
||
<p class="blog_item_text">
|
||
Pharetra, ullamcorper iaculis viverra parturient sed
|
||
id sed. Convallis proin dignissim lacus, purus
|
||
gravida...
|
||
</p>
|
||
<div class="blog_item_btn">
|
||
Listen <img src="./images/Line (Stroke).svg" alt="" />
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</a>
|
||
</li>
|
||
<!-- 2 -->
|
||
<li class="blog_item">
|
||
<a class="blog_item_link" href="#">
|
||
<article class="blog_item_inner">
|
||
<div class="blog_image_box">
|
||
<img src="./images/4/row/2.jpg" alt="" />
|
||
<span
|
||
><img
|
||
src="./images/4/icons/Play.svg"
|
||
alt=""
|
||
/>Video</span
|
||
>
|
||
</div>
|
||
<div class="blog_item_content">
|
||
<div class="blog_item_info">
|
||
<div class="blog_info_el blog_info_dir">
|
||
Management
|
||
</div>
|
||
<data class="blog_info_el blog_info_date"
|
||
>August 25, 2020</data
|
||
>
|
||
<time class="blog_info_el blog_info_time"
|
||
>45 min</time
|
||
>
|
||
</div>
|
||
<h4 class="blog_item_title">
|
||
What to do and who to talk to if you want to get
|
||
feedback on the product
|
||
</h4>
|
||
<p class="blog_item_text">
|
||
Neque a, senectus consectetur odio in aliquet nec eu.
|
||
Ultricies ac nibh urna urna sagittis faucibus...
|
||
</p>
|
||
<div class="blog_item_btn">
|
||
Watch<img src="./images/Line (Stroke).svg" alt="" />
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</a>
|
||
</li>
|
||
<!-- 3 -->
|
||
<li class="blog_item">
|
||
<a class="blog_item_link" href="#">
|
||
<article class="blog_item_inner">
|
||
<div class="blog_image_box">
|
||
<img src="./images/4/row/3.jpg" alt="" />
|
||
<span
|
||
><img
|
||
src="./images/4/icons/Files.svg"
|
||
alt=""
|
||
/>Article</span
|
||
>
|
||
</div>
|
||
<div class="blog_item_content">
|
||
<div class="blog_item_info">
|
||
<div class="blog_info_el blog_info_dir">Design</div>
|
||
<data class="blog_info_el blog_info_date"
|
||
>August 8, 2020</data
|
||
>
|
||
</div>
|
||
<h4 class="blog_item_title">
|
||
Should you choose a creative profession if you are
|
||
attracted to creativity?
|
||
</h4>
|
||
<p class="blog_item_text">
|
||
Curabitur nisl tincidunt eros venenatis vestibulum ac
|
||
placerat. Tortor, viverra sed vulputate ultrices...
|
||
</p>
|
||
<div class="blog_item_btn">
|
||
Read<img src="./images/Line (Stroke).svg" alt="" />
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- девятая секция сайта карта -->
|
||
<section class="main_info info" id="info">
|
||
<div class="container">
|
||
<div class="info_inner">
|
||
<div class="info_content">
|
||
<div class="info_heading">
|
||
<p class="heading_subtitle">Contact info</p>
|
||
<h2 class="heading_title">Get in touch</h2>
|
||
</div>
|
||
<ul class="info_contacts">
|
||
<li class="info_contacts_item">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.923 10.5674C21.7806 11.5541 21.443 12.4919 20.9428 13.3544C20.9803 13.5679 20.9995 13.7837 20.9995 14.0005C20.9995 14.7533 20.7814 15.4738 20.3774 16.1284C20.1757 16.4551 20.1238 16.838 20.1038 17.0909C20.0809 17.3808 20.0886 17.6981 20.1093 18.0028C20.1325 18.3447 20.1746 18.7036 20.2227 19.0422C19.8324 18.9284 19.4093 18.8141 19.0056 18.723C18.6698 18.6472 18.3262 18.5826 18.0149 18.5505C17.7434 18.5224 17.3511 18.5007 17.0003 18.6142C16.2332 18.8621 15.3891 19.0005 14.4995 19.0005C13.4416 19.0005 12.47 18.8127 11.6184 18.4865C11.4135 18.4957 11.2072 18.5005 10.9995 18.5005C9.7949 18.5005 8.63552 18.342 7.55078 18.0493C9.12774 19.8731 11.7274 21.0005 14.4995 21.0005C15.5825 21.0005 16.6219 20.8342 17.5797 20.5287C17.5814 20.5287 17.5845 20.5287 17.589 20.5286C17.6136 20.5281 17.6819 20.5267 17.8094 20.5399C18.01 20.5606 18.268 20.6068 18.5655 20.674C19.1578 20.8076 19.8235 21.0048 20.3423 21.1694C21.4424 21.5187 22.5084 20.5586 22.3118 19.4422C22.2271 18.9617 22.1392 18.3753 22.1047 17.8673C22.0874 17.6118 22.0855 17.4022 22.0976 17.2483C22.1026 17.1845 22.1091 17.1446 22.1132 17.1233C22.6758 16.1913 22.9995 15.1302 22.9995 14.0005C22.9995 12.7269 22.604 11.5639 21.923 10.5674Z" fill="#FF3F3A"/>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.59664 5.69816C4.24868 6.72895 3.49959 8.08209 3.49959 9.5C3.49959 10.207 3.68366 10.888 4.02898 11.5212C4.1605 11.7624 4.19782 12.0112 4.21116 12.1796C4.22571 12.3633 4.21845 12.552 4.20248 12.7285C4.17051 13.0819 4.09423 13.4823 4.00274 13.8766C3.89572 14.3379 3.75859 14.8299 3.61943 15.2918C4.14769 15.0998 4.72505 14.903 5.2724 14.7434C5.71477 14.6143 6.16151 14.5023 6.55911 14.4394C6.90162 14.3853 7.39864 14.3321 7.82655 14.4801C8.78688 14.8123 9.86117 15 10.9996 15C13.1468 15 15.0537 14.3333 16.4026 13.3018C17.7505 12.271 18.4996 10.9179 18.4996 9.5C18.4996 8.08209 17.7505 6.72895 16.4026 5.69816C15.0537 4.66667 13.1468 4 10.9996 4C8.85242 4 6.94552 4.66667 5.59664 5.69816ZM4.38174 4.10945C6.10925 2.78841 8.45234 2 10.9996 2C13.5468 2 15.8899 2.78841 17.6175 4.10945C19.3459 5.43119 20.4996 7.32806 20.4996 9.5C20.4996 11.6719 19.3459 13.5688 17.6175 14.8906C15.8899 16.2116 13.5468 17 10.9996 17C9.65654 17 8.37366 16.7811 7.20886 16.3826C7.2077 16.3859 7.11322 16.3767 6.87147 16.4149C6.59282 16.459 6.23713 16.5453 5.83253 16.6633C5.02707 16.8983 4.12252 17.2308 3.43353 17.4989C2.2399 17.9634 1.02395 16.8171 1.42611 15.5959C1.63926 14.9487 1.89065 14.1308 2.05449 13.4246C2.13702 13.0689 2.19058 12.7698 2.21062 12.5483C2.21758 12.4714 2.21938 12.4154 2.21897 12.3775C1.75869 11.4979 1.49959 10.5252 1.49959 9.5C1.49959 7.32806 2.6533 5.43119 4.38174 4.10945Z" fill="#FF3F3A"/>
|
||
</svg>
|
||
<div class="info_contants_text">
|
||
<div class="info_item_top">Talk to us:</div>
|
||
<a class="info_item_link" href="mailto:hello@createx.com"
|
||
>hello@createx.com</a
|
||
>
|
||
</div>
|
||
</li>
|
||
<li class="info_contacts_item">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 2.92188C7.67157 2.92188 7 3.59345 7 4.42188V19.5781C7 20.4066 7.67157 21.0781 8.5 21.0781H15.5C16.3284 21.0781 17 20.4066 17 19.5781V4.42188C17 3.59345 16.3284 2.92188 15.5 2.92188H15.4166L15.1731 3.50633C15.0178 3.87894 14.6537 4.12165 14.25 4.12165H9.75C9.34632 4.12165 8.98223 3.87894 8.82695 3.50633L8.58338 2.92188H8.5ZM5 4.42188C5 2.48888 6.567 0.921875 8.5 0.921875H15.5C17.433 0.921875 19 2.48888 19 4.42188V19.5781C19 21.5111 17.433 23.0781 15.5 23.0781H8.5C6.567 23.0781 5 21.5111 5 19.5781V4.42188Z" fill="#FF3F3A"/>
|
||
</svg>
|
||
<div class="info_contants_text">
|
||
<div class="info_item_top">Call us:</div>
|
||
<a class="info_item_link" href="tel:(405) 555-0128"
|
||
>(405) 555-0128</a
|
||
>
|
||
</div>
|
||
</li>
|
||
<li class="info_contacts_item">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 7.75C10.8954 7.75 10 8.64543 10 9.75C10 10.8546 10.8954 11.75 12 11.75C13.1046 11.75 14 10.8546 14 9.75C14 8.64543 13.1046 7.75 12 7.75ZM8 9.75C8 7.54086 9.79086 5.75 12 5.75C14.2091 5.75 16 7.54086 16 9.75C16 11.9591 14.2091 13.75 12 13.75C9.79086 13.75 8 11.9591 8 9.75Z" fill="#FF3F3A"/>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.25C8.38046 3.25 5.5 6.08606 5.5 9.51923C5.5 12.318 7.18201 15.1448 9.02064 17.3682C9.92325 18.4597 10.8284 19.3639 11.5085 19.9951C11.6904 20.164 11.8557 20.3129 12 20.4402C12.1443 20.3129 12.3096 20.164 12.4915 19.9951C13.1716 19.3639 14.0768 18.4597 14.9794 17.3682C16.818 15.1448 18.5 12.318 18.5 9.51923C18.5 6.08606 15.6195 3.25 12 3.25ZM12 21.75C11.3812 22.5355 11.3809 22.5353 11.3807 22.5351L11.3782 22.5332L11.3725 22.5287L11.3531 22.5132C11.3367 22.5 11.3134 22.4812 11.2836 22.4569C11.224 22.4083 11.1386 22.3377 11.031 22.2465C10.8158 22.064 10.5115 21.7986 10.1478 21.4609C9.42158 20.7868 8.45175 19.8187 7.47936 18.6428C5.56799 16.3314 3.5 13.0428 3.5 9.51923C3.5 4.92303 7.33527 1.25 12 1.25C16.6647 1.25 20.5 4.92303 20.5 9.51923C20.5 13.0428 18.432 16.3314 16.5206 18.6428C15.5482 19.8187 14.5784 20.7868 13.8522 21.4609C13.4885 21.7986 13.1842 22.064 12.969 22.2465C12.8614 22.3377 12.776 22.4083 12.7164 22.4569C12.6866 22.4812 12.6633 22.5 12.6469 22.5132L12.6275 22.5287L12.6218 22.5332L12.62 22.5346C12.6197 22.5348 12.6188 22.5355 12 21.75ZM12 21.75L12.6188 22.5355C12.2558 22.8215 11.7437 22.8211 11.3807 22.5351L12 21.75Z" fill="#FF3F3A"/>
|
||
</svg>
|
||
<div class="info_contants_text">
|
||
<div class="info_item_top">Address:</div>
|
||
<div class="info_item_address">
|
||
2464 Royal Ln. Mesa, New Jersey 45463, USA
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<div class="info_follow">
|
||
<p class="info_follow_head">Follow us:</p>
|
||
<ul class="info_socials">
|
||
<!-- 1 -->
|
||
<li class="info_socials_item">
|
||
<a href="#" class="info_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M17.5628 1.00458L14.7856 1C11.6654 1 9.64903 3.12509 9.64903 6.41423V8.91055H6.85662C6.61532 8.91055 6.41992 9.1115 6.41992 9.35937V12.9763C6.41992 13.2241 6.61554 13.4249 6.85662 13.4249H9.64903V22.5514C9.64903 22.7993 9.84443 23 10.0857 23H13.729C13.9703 23 14.1657 22.799 14.1657 22.5514V13.4249H17.4307C17.672 13.4249 17.8674 13.2241 17.8674 12.9763L17.8688 9.35937C17.8688 9.24036 17.8226 9.12638 17.7409 9.04215C17.6591 8.95793 17.5477 8.91055 17.4318 8.91055H14.1657V6.79439C14.1657 5.77728 14.4017 5.26094 15.6915 5.26094L17.5624 5.26025C17.8035 5.26025 17.9989 5.0593 17.9989 4.81166V1.45317C17.9989 1.20576 17.8037 1.00504 17.5628 1.00458Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<!-- 2 -->
|
||
<li class="info_socials_item">
|
||
<a href="#" class="info_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M22.5 5.77233C21.7271 6.10027 20.8978 6.32267 20.0264 6.42196C20.9161 5.91181 21.5972 5.10263 21.92 4.1414C21.0854 4.61383 20.1642 4.95688 19.1826 5.14285C18.3966 4.33994 17.2785 3.83984 16.0384 3.83984C13.6593 3.83984 11.7303 5.68691 11.7303 7.9637C11.7303 8.2866 11.7683 8.60199 11.8418 8.90357C8.26201 8.73141 5.08768 7.08917 2.96314 4.59372C2.59176 5.20189 2.38049 5.91053 2.38049 6.66697C2.38049 8.09814 3.14161 9.36093 4.2964 10.0997C3.5904 10.0771 2.92639 9.89116 2.34508 9.58205V9.63357C2.34508 11.6314 3.83056 13.2988 5.80024 13.6783C5.43936 13.7713 5.05882 13.8228 4.66514 13.8228C4.38696 13.8228 4.11794 13.7964 3.85417 13.7461C4.40267 15.3859 5.99315 16.5783 7.87756 16.611C6.40388 17.7167 4.54573 18.3739 2.52749 18.3739C2.17976 18.3739 1.83724 18.3537 1.5 18.3173C3.40671 19.4896 5.67036 20.1732 8.10327 20.1732C16.028 20.1732 20.3597 13.8881 20.3597 8.43741L20.3453 7.90341C21.1917 7.32537 21.9239 6.59912 22.5 5.77233Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<!-- 3 -->
|
||
<li class="info_socials_item">
|
||
<a href="#" class="info_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M21.3903 4.11358C22.4182 4.39044 23.2288 5.20086 23.5055 6.22899C24.0197 8.10691 23.9999 12.0213 23.9999 12.0213C23.9999 12.0213 23.9999 15.9158 23.5057 17.7939C23.2288 18.8218 22.4184 19.6324 21.3903 19.9091C19.5122 20.4035 12 20.4035 12 20.4035C12 20.4035 4.50731 20.4035 2.60961 19.8895C1.58148 19.6127 0.771054 18.802 0.4942 17.7741C0 15.9158 0 12.0015 0 12.0015C0 12.0015 0 8.10691 0.4942 6.22899C0.770871 5.20104 1.60125 4.37066 2.60943 4.09399C4.48753 3.59961 11.9998 3.59961 11.9998 3.59961C11.9998 3.59961 19.5122 3.59961 21.3903 4.11358ZM15.8549 12.0016L9.60788 15.5996V8.40355L15.8549 12.0016Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<!-- 4 -->
|
||
<li class="info_socials_item">
|
||
<a href="#" class="info_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M9.63262 15.1813L9.2687 20.7653C9.78938 20.7653 10.0149 20.5213 10.2853 20.2283L12.7264 17.6833L17.7847 21.7243C18.7124 22.2883 19.366 21.9913 19.6163 20.7933L22.9365 3.8214L22.9374 3.8204C23.2317 2.3244 22.4415 1.73941 21.5377 2.1064L2.02135 10.2574C0.689406 10.8214 0.709573 11.6314 1.79493 11.9984L6.78447 13.6913L18.3742 5.78039C18.9196 5.38639 19.4155 5.60439 19.0076 5.99839L9.63262 15.1813Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<!-- 5 -->
|
||
<li class="info_socials_item">
|
||
<a href="#" class="info_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.9804 7.88005C21.9336 6.81738 21.7617 6.0868 21.5156 5.45374C21.2616 4.78176 20.8709 4.18014 20.359 3.68002C19.8589 3.1721 19.2533 2.77743 18.5891 2.52745C17.9524 2.28127 17.2256 2.10943 16.163 2.06257C15.0923 2.01175 14.7525 2 12.0371 2C9.32172 2 8.98185 2.01175 7.9152 2.05861C6.85253 2.10546 6.12195 2.27746 5.48904 2.52348C4.81692 2.77743 4.2153 3.16814 3.71517 3.68002C3.20726 4.18014 2.81274 4.78573 2.5626 5.44992C2.31643 6.0868 2.14458 6.81341 2.09773 7.87609C2.04691 8.9467 2.03516 9.28658 2.03516 12.002C2.03516 14.7173 2.04691 15.0572 2.09376 16.1239C2.14061 17.1865 2.31261 17.9171 2.55879 18.5502C2.81274 19.2221 3.20726 19.8238 3.71517 20.3239C4.2153 20.8318 4.82088 21.2265 5.48507 21.4765C6.12195 21.7226 6.84856 21.8945 7.91139 21.9413C8.97788 21.9883 9.31791 21.9999 12.0333 21.9999C14.7486 21.9999 15.0885 21.9883 16.1552 21.9413C17.2178 21.8945 17.9484 21.7226 18.5813 21.4765C19.9254 20.9568 20.9881 19.8941 21.5078 18.5502C21.7538 17.9133 21.9258 17.1865 21.9726 16.1239C22.0195 15.0572 22.0312 14.7173 22.0312 12.002C22.0312 9.28658 22.0273 8.9467 21.9804 7.88005ZM20.1794 16.0457C20.1364 17.0225 19.9723 17.5499 19.8355 17.9015C19.4995 18.7728 18.808 19.4643 17.9367 19.8004C17.585 19.9372 17.0538 20.1012 16.0808 20.1441C15.026 20.1911 14.7096 20.2027 12.0411 20.2027C9.37255 20.2027 9.0522 20.1911 8.00113 20.1441C7.02437 20.1012 6.49693 19.9372 6.1453 19.8004C5.71171 19.6402 5.31704 19.3862 4.9967 19.0541C4.6646 18.7298 4.41065 18.3391 4.2504 17.9055C4.11365 17.5539 3.94959 17.0225 3.9067 16.0497C3.8597 14.9948 3.8481 14.6783 3.8481 12.0097C3.8481 9.34122 3.8597 9.02087 3.9067 7.96995C3.94959 6.99319 4.11365 6.46575 4.2504 6.11412C4.41065 5.68038 4.6646 5.28586 5.00067 4.96536C5.32483 4.63327 5.71553 4.37931 6.14927 4.21921C6.5009 4.08247 7.03231 3.9184 8.00509 3.87537C9.05999 3.82851 9.37652 3.81676 12.0449 3.81676C14.7174 3.81676 15.0337 3.82851 16.0848 3.87537C17.0616 3.9184 17.589 4.08247 17.9406 4.21921C18.3742 4.37931 18.7689 4.63327 19.0892 4.96536C19.4213 5.28967 19.6753 5.68038 19.8355 6.11412C19.9723 6.46575 20.1364 6.99701 20.1794 7.96995C20.2262 9.02484 20.238 9.34122 20.238 12.0097C20.238 14.6783 20.2262 14.9908 20.1794 16.0457Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M12.0371 6.86423C9.20069 6.86423 6.89937 9.1654 6.89937 12.002C6.89937 14.8385 9.20069 17.1397 12.0371 17.1397C14.8736 17.1397 17.1748 14.8385 17.1748 12.002C17.1748 9.1654 14.8736 6.86423 12.0371 6.86423ZM12.0371 15.3347C10.197 15.3347 8.70438 13.8422 8.70438 12.002C8.70438 10.1617 10.197 8.66924 12.0371 8.66924C13.8774 8.66924 15.3698 10.1617 15.3698 12.002C15.3698 13.8422 13.8774 15.3347 12.0371 15.3347Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M18.5776 6.6611C18.5776 7.32346 18.0405 7.86053 17.378 7.86053C16.7156 7.86053 16.1785 7.32346 16.1785 6.6611C16.1785 5.99858 16.7156 5.46167 17.378 5.46167C18.0405 5.46167 18.5776 5.99858 18.5776 6.6611Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<!-- 6 -->
|
||
<li class="info_socials_item">
|
||
<a href="#" class="info_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.995 22L22 21.9992V14.6642C22 11.0758 21.2275 8.31167 17.0325 8.31167C15.0158 8.31167 13.6625 9.41833 13.11 10.4675H13.0517V8.64667H9.07416V21.9992H13.2158V15.3875C13.2158 13.6467 13.5458 11.9633 15.7017 11.9633C17.8258 11.9633 17.8575 13.95 17.8575 15.4992V22H21.995Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M2.32999 8.6475H6.47666V22H2.32999V8.6475Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M4.40167 2C3.07583 2 2 3.07583 2 4.40167C2 5.7275 3.07583 6.82583 4.40167 6.82583C5.7275 6.82583 6.80333 5.7275 6.80333 4.40167C6.8025 3.07583 5.72667 2 4.40167 2Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="info_map">
|
||
<iframe
|
||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12256.375193577174!2d-75.2013116998892!3d39.82731461746457!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c6dac6cb128197%3A0x2b48121aa4593454!2zMjQ2NCBSb3lhbCBMbiwgV2VzdCBEZXB0Zm9yZCwgTkogMDgwODYsINCh0KjQkA!5e0!3m2!1sru!2sru!4v1754478223449!5m2!1sru!2sru"
|
||
width="100%"
|
||
height="100%"
|
||
style="border: 0"
|
||
allowfullscreen=""
|
||
loading="lazy"
|
||
referrerpolicy="no-referrer-when-downgrade"
|
||
></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- десятая секция сайта форма для пользователя -->
|
||
<section class="main_questions questions" id="questions">
|
||
<div class="container">
|
||
<div class="questions_inner">
|
||
<img src="./images/4/illustration2.svg" alt="" />
|
||
<div class="questions_content">
|
||
<div class="questions_heading">
|
||
<p class="heading_subtitle">Any questions?</p>
|
||
<h2 class="heading_title">Drop us a line</h2>
|
||
</div>
|
||
<form class="questions_form">
|
||
<div class="questions_form_row">
|
||
<label class="questions_form_label">
|
||
First Name*
|
||
<input
|
||
type="text"
|
||
class="questions_form_input"
|
||
placeholder="Your first name"
|
||
required
|
||
/>
|
||
</label>
|
||
<label class="questions_form_label">
|
||
Last Name*
|
||
<input
|
||
type="text"
|
||
class="questions_form_input"
|
||
placeholder="Your last name"
|
||
required
|
||
/>
|
||
</label>
|
||
</div>
|
||
<div class="questions_form_row">
|
||
<label class="questions_form_label">
|
||
Email*
|
||
<input
|
||
type="email"
|
||
class="questions_form_input"
|
||
placeholder="Your working email"
|
||
required
|
||
/>
|
||
</label>
|
||
<label class="questions_form_label">
|
||
Phone
|
||
<input
|
||
type="tel"
|
||
class="questions_form_input"
|
||
placeholder="Your phone number"
|
||
/>
|
||
</label>
|
||
</div>
|
||
<label for="" class="questions_text_label">
|
||
Message*
|
||
<textarea
|
||
class="questions_form_text"
|
||
placeholder="Your message"
|
||
required
|
||
></textarea>
|
||
</label>
|
||
<div class="questions_form_row">
|
||
<label for="" class="questions_checkbox_label">
|
||
<div class="questions_form_checkbox">
|
||
<input
|
||
class="questions_form_default"
|
||
type="checkbox"
|
||
required
|
||
/>
|
||
<span class="questions_form_custom"></span>
|
||
</div>
|
||
I agree to receive communications from Createx Online
|
||
School
|
||
</label>
|
||
<a class="questions_form_btn button" href="#"
|
||
>Send message</a
|
||
>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<!-- футер сайта -->
|
||
<footer class="footer">
|
||
<div class="footer_top">
|
||
<div class="container">
|
||
<div class="footer_top_inner">
|
||
<!-- 1 -->
|
||
<div class="fotter_top_col">
|
||
<a class="footer_logo logo" href="#">
|
||
<img src="./images/footer/logo.svg" title="Logo" alt="Logo" />
|
||
</a>
|
||
<div class="footer_top_text">
|
||
Createx Online School is a leader in online studying. We have
|
||
lots of courses and programs from the main market experts.
|
||
We provide relevant approaches to online learning, internships
|
||
and employment in the largest companies in the country.
|
||
</div>
|
||
<ul class="footer_socials">
|
||
<!-- 1 -->
|
||
<li class="footer_socials_item">
|
||
<a href="#" class="footer_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M17.5628 1.00458L14.7856 1C11.6654 1 9.64903 3.12509 9.64903 6.41423V8.91055H6.85662C6.61532 8.91055 6.41992 9.1115 6.41992 9.35937V12.9763C6.41992 13.2241 6.61554 13.4249 6.85662 13.4249H9.64903V22.5514C9.64903 22.7993 9.84443 23 10.0857 23H13.729C13.9703 23 14.1657 22.799 14.1657 22.5514V13.4249H17.4307C17.672 13.4249 17.8674 13.2241 17.8674 12.9763L17.8688 9.35937C17.8688 9.24036 17.8226 9.12638 17.7409 9.04215C17.6591 8.95793 17.5477 8.91055 17.4318 8.91055H14.1657V6.79439C14.1657 5.77728 14.4017 5.26094 15.6915 5.26094L17.5624 5.26025C17.8035 5.26025 17.9989 5.0593 17.9989 4.81166V1.45317C17.9989 1.20576 17.8037 1.00504 17.5628 1.00458Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<!-- 2 -->
|
||
<li class="footer_socials_item">
|
||
<a href="#" class="footer_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M22.5 5.77233C21.7271 6.10027 20.8978 6.32267 20.0264 6.42196C20.9161 5.91181 21.5972 5.10263 21.92 4.1414C21.0854 4.61383 20.1642 4.95688 19.1826 5.14285C18.3966 4.33994 17.2785 3.83984 16.0384 3.83984C13.6593 3.83984 11.7303 5.68691 11.7303 7.9637C11.7303 8.2866 11.7683 8.60199 11.8418 8.90357C8.26201 8.73141 5.08768 7.08917 2.96314 4.59372C2.59176 5.20189 2.38049 5.91053 2.38049 6.66697C2.38049 8.09814 3.14161 9.36093 4.2964 10.0997C3.5904 10.0771 2.92639 9.89116 2.34508 9.58205V9.63357C2.34508 11.6314 3.83056 13.2988 5.80024 13.6783C5.43936 13.7713 5.05882 13.8228 4.66514 13.8228C4.38696 13.8228 4.11794 13.7964 3.85417 13.7461C4.40267 15.3859 5.99315 16.5783 7.87756 16.611C6.40388 17.7167 4.54573 18.3739 2.52749 18.3739C2.17976 18.3739 1.83724 18.3537 1.5 18.3173C3.40671 19.4896 5.67036 20.1732 8.10327 20.1732C16.028 20.1732 20.3597 13.8881 20.3597 8.43741L20.3453 7.90341C21.1917 7.32537 21.9239 6.59912 22.5 5.77233Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<!-- 3 -->
|
||
<li class="footer_socials_item">
|
||
<a href="#" class="footer_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M21.3903 4.11358C22.4182 4.39044 23.2288 5.20086 23.5055 6.22899C24.0197 8.10691 23.9999 12.0213 23.9999 12.0213C23.9999 12.0213 23.9999 15.9158 23.5057 17.7939C23.2288 18.8218 22.4184 19.6324 21.3903 19.9091C19.5122 20.4035 12 20.4035 12 20.4035C12 20.4035 4.50731 20.4035 2.60961 19.8895C1.58148 19.6127 0.771054 18.802 0.4942 17.7741C0 15.9158 0 12.0015 0 12.0015C0 12.0015 0 8.10691 0.4942 6.22899C0.770871 5.20104 1.60125 4.37066 2.60943 4.09399C4.48753 3.59961 11.9998 3.59961 11.9998 3.59961C11.9998 3.59961 19.5122 3.59961 21.3903 4.11358ZM15.8549 12.0016L9.60788 15.5996V8.40355L15.8549 12.0016Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<!-- 4 -->
|
||
<li class="footer_socials_item">
|
||
<a href="#" class="footer_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M9.63262 15.1813L9.2687 20.7653C9.78938 20.7653 10.0149 20.5213 10.2853 20.2283L12.7264 17.6833L17.7847 21.7243C18.7124 22.2883 19.366 21.9913 19.6163 20.7933L22.9365 3.8214L22.9374 3.8204C23.2317 2.3244 22.4415 1.73941 21.5377 2.1064L2.02135 10.2574C0.689406 10.8214 0.709573 11.6314 1.79493 11.9984L6.78447 13.6913L18.3742 5.78039C18.9196 5.38639 19.4155 5.60439 19.0076 5.99839L9.63262 15.1813Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<!-- 5 -->
|
||
<li class="footer_socials_item">
|
||
<a href="#" class="footer_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.9804 7.88005C21.9336 6.81738 21.7617 6.0868 21.5156 5.45374C21.2616 4.78176 20.8709 4.18014 20.359 3.68002C19.8589 3.1721 19.2533 2.77743 18.5891 2.52745C17.9524 2.28127 17.2256 2.10943 16.163 2.06257C15.0923 2.01175 14.7525 2 12.0371 2C9.32172 2 8.98185 2.01175 7.9152 2.05861C6.85253 2.10546 6.12195 2.27746 5.48904 2.52348C4.81692 2.77743 4.2153 3.16814 3.71517 3.68002C3.20726 4.18014 2.81274 4.78573 2.5626 5.44992C2.31643 6.0868 2.14458 6.81341 2.09773 7.87609C2.04691 8.9467 2.03516 9.28658 2.03516 12.002C2.03516 14.7173 2.04691 15.0572 2.09376 16.1239C2.14061 17.1865 2.31261 17.9171 2.55879 18.5502C2.81274 19.2221 3.20726 19.8238 3.71517 20.3239C4.2153 20.8318 4.82088 21.2265 5.48507 21.4765C6.12195 21.7226 6.84856 21.8945 7.91139 21.9413C8.97788 21.9883 9.31791 21.9999 12.0333 21.9999C14.7486 21.9999 15.0885 21.9883 16.1552 21.9413C17.2178 21.8945 17.9484 21.7226 18.5813 21.4765C19.9254 20.9568 20.9881 19.8941 21.5078 18.5502C21.7538 17.9133 21.9258 17.1865 21.9726 16.1239C22.0195 15.0572 22.0312 14.7173 22.0312 12.002C22.0312 9.28658 22.0273 8.9467 21.9804 7.88005ZM20.1794 16.0457C20.1364 17.0225 19.9723 17.5499 19.8355 17.9015C19.4995 18.7728 18.808 19.4643 17.9367 19.8004C17.585 19.9372 17.0538 20.1012 16.0808 20.1441C15.026 20.1911 14.7096 20.2027 12.0411 20.2027C9.37255 20.2027 9.0522 20.1911 8.00113 20.1441C7.02437 20.1012 6.49693 19.9372 6.1453 19.8004C5.71171 19.6402 5.31704 19.3862 4.9967 19.0541C4.6646 18.7298 4.41065 18.3391 4.2504 17.9055C4.11365 17.5539 3.94959 17.0225 3.9067 16.0497C3.8597 14.9948 3.8481 14.6783 3.8481 12.0097C3.8481 9.34122 3.8597 9.02087 3.9067 7.96995C3.94959 6.99319 4.11365 6.46575 4.2504 6.11412C4.41065 5.68038 4.6646 5.28586 5.00067 4.96536C5.32483 4.63327 5.71553 4.37931 6.14927 4.21921C6.5009 4.08247 7.03231 3.9184 8.00509 3.87537C9.05999 3.82851 9.37652 3.81676 12.0449 3.81676C14.7174 3.81676 15.0337 3.82851 16.0848 3.87537C17.0616 3.9184 17.589 4.08247 17.9406 4.21921C18.3742 4.37931 18.7689 4.63327 19.0892 4.96536C19.4213 5.28967 19.6753 5.68038 19.8355 6.11412C19.9723 6.46575 20.1364 6.99701 20.1794 7.96995C20.2262 9.02484 20.238 9.34122 20.238 12.0097C20.238 14.6783 20.2262 14.9908 20.1794 16.0457Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M12.0371 6.86423C9.20069 6.86423 6.89937 9.1654 6.89937 12.002C6.89937 14.8385 9.20069 17.1397 12.0371 17.1397C14.8736 17.1397 17.1748 14.8385 17.1748 12.002C17.1748 9.1654 14.8736 6.86423 12.0371 6.86423ZM12.0371 15.3347C10.197 15.3347 8.70438 13.8422 8.70438 12.002C8.70438 10.1617 10.197 8.66924 12.0371 8.66924C13.8774 8.66924 15.3698 10.1617 15.3698 12.002C15.3698 13.8422 13.8774 15.3347 12.0371 15.3347Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M18.5776 6.6611C18.5776 7.32346 18.0405 7.86053 17.378 7.86053C16.7156 7.86053 16.1785 7.32346 16.1785 6.6611C16.1785 5.99858 16.7156 5.46167 17.378 5.46167C18.0405 5.46167 18.5776 5.99858 18.5776 6.6611Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<!-- 6 -->
|
||
<li class="footer_socials_item">
|
||
<a href="#" class="footer_socials_link">
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M21.995 22L22 21.9992V14.6642C22 11.0758 21.2275 8.31167 17.0325 8.31167C15.0158 8.31167 13.6625 9.41833 13.11 10.4675H13.0517V8.64667H9.07416V21.9992H13.2158V15.3875C13.2158 13.6467 13.5458 11.9633 15.7017 11.9633C17.8258 11.9633 17.8575 13.95 17.8575 15.4992V22H21.995Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M2.32999 8.6475H6.47666V22H2.32999V8.6475Z"
|
||
fill="#787A80"
|
||
/>
|
||
<path
|
||
d="M4.40167 2C3.07583 2 2 3.07583 2 4.40167C2 5.7275 3.07583 6.82583 4.40167 6.82583C5.7275 6.82583 6.80333 5.7275 6.80333 4.40167C6.8025 3.07583 5.72667 2 4.40167 2Z"
|
||
fill="#787A80"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 2 -->
|
||
<div class="fotter_top_col">
|
||
<h3 class="footer_top_title">SITE MAP</h3>
|
||
<ul class="footer_top_list">
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="#">About Us</a>
|
||
</li>
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="#">Courses</a>
|
||
</li>
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="#">Events</a>
|
||
</li>
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="#">Blog</a>
|
||
</li>
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="#">Contacts</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 3 -->
|
||
<div class="fotter_top_col">
|
||
<h3 class="footer_top_title">COURSES</h3>
|
||
<ul class="footer_top_list">
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="#">Marketing</a>
|
||
</li>
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="#">Management</a>
|
||
</li>
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="#">HR & Recruting</a>
|
||
</li>
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="#">Design</a>
|
||
</li>
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="#">Development</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 4 -->
|
||
<div class="fotter_top_col">
|
||
<h3 class="footer_top_title">CONTACT US</h3>
|
||
<ul class="footer_top_list">
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="tel:4055550128">
|
||
<svg
|
||
width="16"
|
||
height="16"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M8.5 2.92188C7.67157 2.92188 7 3.59345 7 4.42188V19.5781C7 20.4066 7.67157 21.0781 8.5 21.0781H15.5C16.3284 21.0781 17 20.4066 17 19.5781V4.42188C17 3.59345 16.3284 2.92188 15.5 2.92188H15.4166L15.1731 3.50633C15.0178 3.87894 14.6537 4.12165 14.25 4.12165H9.75C9.34632 4.12165 8.98223 3.87894 8.82695 3.50633L8.58338 2.92188H8.5ZM5 4.42188C5 2.48888 6.567 0.921875 8.5 0.921875H15.5C17.433 0.921875 19 2.48888 19 4.42188V19.5781C19 21.5111 17.433 23.0781 15.5 23.0781H8.5C6.567 23.0781 5 21.5111 5 19.5781V4.42188Z"
|
||
fill="white"
|
||
/>
|
||
</svg>
|
||
(405) 555-0128
|
||
</a>
|
||
</li>
|
||
<li class="footer_top_item">
|
||
<a class="footer_item_link" href="mailto:hello@createx.com">
|
||
<svg
|
||
width="16"
|
||
height="16"
|
||
viewBox="0 0 16 16"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M15.1668 11.9993V4.66602C15.1668 3.56145 14.2714 2.66602 13.1668 2.66602L2.83349 2.66603C1.72893 2.66603 0.833496 3.56146 0.833496 4.66603V11.9993C0.833496 13.1039 1.72893 13.9993 2.8335 13.9993L13.1668 13.9993C14.2714 13.9993 15.1668 13.1039 15.1668 11.9993ZM13.8335 6.17232V11.9993C13.8335 12.3675 13.535 12.666 13.1668 12.666L2.8335 12.666C2.46531 12.666 2.16683 12.3675 2.16683 11.9993L2.16683 6.17223L6.87561 9.3742C7.55433 9.83573 8.44613 9.83573 9.12485 9.3742L13.8335 6.17232ZM13.8259 4.56509C13.7773 4.24479 13.5007 3.99935 13.1668 3.99935L2.83349 3.99936C2.49965 3.99936 2.22311 4.24476 2.17443 4.56501L7.62535 8.27164C7.85159 8.42548 8.14886 8.42548 8.3751 8.27164L13.8259 4.56509Z"
|
||
fill="white"
|
||
/>
|
||
</svg>
|
||
hello@createx.com
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 5 -->
|
||
<div class="fotter_top_col">
|
||
<h3 class="footer_top_title--title1">SIGN UP TO OUR NEWSLETTER</h3>
|
||
<form class="footer_top_form">
|
||
<input
|
||
class="footer_form_input"
|
||
type="email"
|
||
placeholder="Email address"
|
||
|
||
>
|
||
<a class="footer_form_btn" href="">
|
||
<img class="footer_form_img" src="./images/footer/Line (Stroke).svg" alt="">
|
||
</a>
|
||
</form>
|
||
<div class="footer_form_desc">
|
||
*Subscribe to our newsletter to receive communications and
|
||
early updates from Createx SEO Agency.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer_bottom">
|
||
<div class="container">
|
||
<div class="footer_bottom_inner">
|
||
<div class="footer_copy">
|
||
© All rights reserved. Made with
|
||
<span>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99974 13.2715C4.9337 11.5252 3.22366 9.78955 2.39675 8.28361C1.55041 6.74228 1.62425 5.4441 2.09389 4.52273C3.05921 2.62892 5.80427 2.02333 7.47678 4.13865L7.9997 4.80001L8.52266 4.13868C10.1955 2.02327 12.9407 2.62896 13.906 4.52273C14.3756 5.44409 14.4494 6.74226 13.603 8.28359C12.776 9.78954 11.0659 11.5252 7.99974 13.2715ZM7.99977 2.73726C5.64696 0.501518 2.17604 1.42555 0.905976 3.91723C0.208948 5.2847 0.199427 7.05212 1.22802 8.92536C2.24749 10.782 4.28009 12.7417 7.67724 14.6194L7.99973 14.7976L8.32222 14.6194C11.7195 12.7417 13.7522 10.782 14.7717 8.92537C15.8004 7.05214 15.7909 5.28472 15.0939 3.91723C13.8238 1.4255 10.3528 0.501552 7.99977 2.73726Z" fill="#FF3F3A"/>
|
||
</svg>
|
||
</span>
|
||
by Createx Studio
|
||
</div>
|
||
<a class="footer_go_top" href="#body">GO TO TOP</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mixitup/3.3.1/mixitup.min.js"></script>
|
||
<script>
|
||
const mixer = mixitup(".directions_body");
|
||
|
||
const filterButtons = document.querySelectorAll(".directions_filter_btn");
|
||
|
||
filterButtons.forEach((btn) => {
|
||
btn.addEventListener("click", () => {
|
||
// Удалить активный класс у всех
|
||
filterButtons.forEach((b) =>
|
||
b.classList.remove("directions_filter_btn--active")
|
||
);
|
||
// Добавить активный класс к нажатой
|
||
btn.classList.add("directions_filter_btn--active");
|
||
});
|
||
});
|
||
</script>
|
||
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.umd.js"></script>
|
||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||
<script
|
||
type="text/javascript"
|
||
src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"
|
||
></script>
|
||
|
||
<script>
|
||
$(document).ready(function () {
|
||
// 1 слайдер
|
||
$(".team_slider").slick({
|
||
arrows: false,
|
||
slidesToShow: 4,
|
||
infinite: true,
|
||
draggable: false,
|
||
waitForAnimate: false,
|
||
});
|
||
|
||
$(".team_slider-prev").on("click", function (e) {
|
||
e.preventDefault();
|
||
$(".team_slider").slick("slickPrev");
|
||
});
|
||
|
||
$(".team_slider-next").on("click", function (e) {
|
||
e.preventDefault();
|
||
$(".team_slider").slick("slickNext");
|
||
});
|
||
// 2 слайдер
|
||
$(".testimonials_slider").slick({
|
||
arrows: false,
|
||
dots: true,
|
||
appendDots: $(".testimonials_dots"),
|
||
waitForAnimate: false,
|
||
});
|
||
|
||
$(".testimonials_prev").on("click", function (e) {
|
||
e.preventDefault();
|
||
$(".testimonials_slider").slick("slickPrev");
|
||
});
|
||
|
||
$(".testimonials_next").on("click", function (e) {
|
||
e.preventDefault();
|
||
$(".testimonials_slider").slick("slickNext");
|
||
});
|
||
|
||
// аккордион первая версия
|
||
$(".program_acc_link").on("click", function (e) {
|
||
e.preventDefault();
|
||
$(this).toggleClass("program_acc_link--active");
|
||
$(this).children(".program_acc_text").slideToggle();
|
||
});
|
||
|
||
// аккордион вторая версия
|
||
// $('.program_acc_link').on('click', function (e) {
|
||
// e.preventDefault()
|
||
// if ($(this).hasClass('program_acc_link--active')) {
|
||
// $(this).removeClass('program_acc_link--active')
|
||
// $(this).children('.program_acc_text').slideUp()
|
||
// } else {
|
||
// $('.program_acc_link').removeClass('program_acc_link--active')
|
||
// $('.program_acc_text').slideUp()
|
||
// $(this).addClass('program_acc_link--active')
|
||
// $(this).children('.program_acc_text').slideDown()
|
||
// };
|
||
// });
|
||
});
|
||
$(".header_nav-list a, .haeder_top_btn, .footer_go_top").on("click", function (e) {
|
||
//отменяем стандартную обработку нажатия по ссылке
|
||
event.preventDefault();
|
||
//забираем идентификатор бока с атрибута href
|
||
var id = $(this).attr('href'),
|
||
//узнаем высоту от начала страницы до блока на который ссылается якорь
|
||
top = $(id).offset().top;
|
||
//анимируем переход на расстояние - top за 1500 мс
|
||
$('body,html').animate({scrollTop: top}, 1500);
|
||
});
|
||
//
|
||
$(window).on("scroll", function () {
|
||
if ($(window).scrollTop() > 0) {
|
||
$(".burger").addClass("burger--follow");
|
||
} else {
|
||
$(".burger").removeClass("burger--follow");
|
||
}
|
||
})
|
||
$(".burger").on("click", function (e) {
|
||
e.preventDefault();
|
||
$(".header_top").toggleClass("header_top--open");
|
||
});
|
||
|
||
</script>
|
||
<!-- <script async
|
||
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&loading=async&callback=initMap">
|
||
let map;
|
||
|
||
async function initMap() {
|
||
const { Map } = await google.maps.importLibrary("maps");
|
||
|
||
map = new Map(document.getElementById("map"), {
|
||
center: { lat: -34.397, lng: 150.644 },
|
||
zoom: 8,
|
||
});
|
||
}
|
||
|
||
initMap();
|
||
|
||
</script> -->
|
||
</body>
|
||
</html>
|