make build

ydem1 · Jan 5, 2024 · 5a26690 · 5a26690
commit 5a26690
Show file tree

Hide file tree

Showing 28 changed files with 84 additions and 0 deletions.
diff --git a/01.700de8b6.png b/01.700de8b6.png
diff --git a/01.b2427819.png b/01.b2427819.png
diff --git a/02.32f4a0f4.png b/02.32f4a0f4.png
diff --git a/02.8a6b351a.png b/02.8a6b351a.png
diff --git a/03.086f7f23.png b/03.086f7f23.png
diff --git a/03.27c197f9.png b/03.27c197f9.png
diff --git a/Roboto-Regular-webfont.1b7be813.woff b/Roboto-Regular-webfont.1b7be813.woff
diff --git a/Shapes.4fe94914.png b/Shapes.4fe94914.png
diff --git a/air-logo.7eea284b.svg b/air-logo.7eea284b.svg
diff --git a/arrow.f48ea722.svg b/arrow.f48ea722.svg
diff --git a/arrow.ffa19c46.svg b/arrow.ffa19c46.svg
diff --git a/decoration.924e876d.svg b/decoration.924e876d.svg
diff --git a/facebook-icon-active.3e1c23b7.svg b/facebook-icon-active.3e1c23b7.svg
diff --git a/facebook-icon.35f7599f.svg b/facebook-icon.35f7599f.svg
diff --git a/favicon.885d78c1.png b/favicon.885d78c1.png
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="page" lang="en" id="home"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Air</title><link rel="icon" type="image/png" href="favicon.885d78c1.png"><link rel="stylesheet" href="main.f1000aa2.css"></head><body class="body page__body"> <header class="header page__header"> <div class="container"> <div class="header__content"> <nav class="header__top-bar top-bar"> <div class="top-bar__left-section"> <a href="#home" class="top-bar__logo"> <img src="air-logo.7eea284b.svg" alt="Logo Air" class="logo__image" width="45px" height="25px"> </a> <a href="#menu" class="top-bar__icon-menu"></a> </div> <nav class="nav top-bar__nav"> <ul class="nav__list"> <li class="nav__item"> <a href="#about" class="nav__link">About us</a> </li> <li class="nav__item"> <a href="#services" class="nav__link">Services</a> </li> <li class="nav__item"> <a href="#testimonials" class="nav__link">Testimonials</a> </li> <li class="nav__item"> <a href="#contact" class="nav__link">Contact Us</a> </li> </ul> </nav> <a href="#hire-us" class="top-bar__button-hire-us">Hire us</a> </nav> </div> </div> </header> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="menu__content"> <nav class="menu__nav nav"> <ul class="nav__list nav__list--header"> <li class="nav__item"> <a href="#about" class="nav__link">About us</a> </li> <li class="nav__item"> <a href="#services" class="nav__link">Services</a> </li> <li class="nav__item"> <a href="#testimonials" class="nav__link">Testimonials</a> </li> <li class="nav__item"> <a href="#contact" class="nav__link">Contact Us</a> </li> </ul> </nav> </div> </div> </aside> <main class="main page__main"> <div class="main__content"> <section class="main__strategic-agency section strategic-agency"> <div class="container"> <div class="strategic-agency__content"> <h1 class="strategic-agency__title">Strategic Agency</h1> <p class="strategic-agency__subtitle"> We believe in the power of bold ideas that can solve business challenges. </p> <div class="main-button strategic-agency__button"> <a href="#our-expertise" class="main-button__button">Learn more</a> </div> </div> </div> <div class="slider strategic-agency__slider"> <div class="slider__content"> <div class="slider__holder"> <div class="slider__img slider__img--1"></div> <div class="slider__img slider__img--2"></div> <div class="slider__img slider__img--3"></div> <div class="slider__img slider__img--4"></div> </div> <div class="slider__control"> <div class="slider__wrapper-buttons"> <div class="slider__button slider__button--disable"></div> <div class="slider__button slider__button--scaleX"></div> </div> <div class="slider__text"> <p class="slider__title">Intro</p> <p class="slider__subtitle">By the same illusion which lifts the horizon.</p> </div> </div> </div> </div> </section> <section class="section who-we-are" id="about"> <div class="container"> <div class="who-we-are__content"> <h2 class="section__title who-we-are__title">Who we are</h2> <p class="section__text who-we-are__text"> We embrace a strategic approach to creative ideas. We are interested in people and human relationships. This is the main thing you need to know about us. We believe in the power of bold ideas that can solve business challenges. </p> </div> </div> </section> <section class="our-expertise section" id="our-expertise"> <div class="container"> <div class="our-expertise__content"> <h2 class="our-expertise-card__title section__title">Our expertise</h2> <div class="our-expertise__wrapper-expertises"> <article class="expertise-card"> <img src="01.700de8b6.png" alt="branding" class="expertise-card__img" width="186px" height="166px"> <h3 class="expertise-card__title section__title">Branding</h3> <p class="expertise__text section__text"> We create additional value for companies, products, services as well as verbal and visual ways to deliver it to the audience. </p> </article> <article class="expertise-card"> <img src="02.32f4a0f4.png" alt="communication" class="expertise-card__img" width="186px" height="166px"> <h3 class="expertise-card__title section__title">Communication</h3> <p class="expertise__text section__text"> We strive to create communications that can increase media performance. We use everything — words, meanings, stories, art, movies. </p> </article> <article class="expertise-card"> <img src="03.27c197f9.png" alt="strategy" class="expertise-card__img" width="186px" height="166px"> <h3 class="expertise-card__title section__title">Strategy</h3> <p class="expertise__text section__text"> We create business growth strategies, from the moment of its birth to the achievement of the necessary business indicators. </p> </article> </div> </div> </div> </section> <section class="process section" id="services"> <div class="container"> <div class="process__content"> <div class="process__header"> <p class="process__label section__label">Services</p> <h2 class="process__title section__title">Air is a full service creative agency</h2> <p class="process__text section__text"> Deep analytics, strong strategy and bright creative ideas. <br> <br> We are sure that first-rate job is possible only if all three components are united. </p> </div> <div class="process__wrapper-cards"> <article class="process-card"> <p class="process-card__number">001</p> <p class="process-card__information"> Brand Development<br> Copywriting<br> Logo & Webite Design<br> Packaging<br> </p> <div class="process-card__wrapper-link"> <a href="#our-expertise" class="process-card__link-button"></a> <a href="#our-expertise" class="process-card__link-text">Learn more</a> </div> </article> <article class="process-card process-card--trasnlateY-up"> <p class="process-card__number">002</p> <p class="process-card__information"> Сontent Production <br> Graphic Design <br> Video Production <br> Post Productio <br> </p> <div class="process-card__wrapper-link"> <a href="#our-expertise" class="process-card__link-button"></a> <a href="#our-expertise" class="process-card__link-text">Learn more</a> </div> </article> <article class="process-card"> <p class="process-card__number">003</p> <p class="process-card__information"> Marketing Strategy <br> Email Marketin <br> Paid Advertising <br> Blog Content & SEO <br> </p> <div class="process-card__wrapper-link"> <a href="#our-expertise" class="process-card__link-button"></a> <a href="#our-expertise" class="process-card__link-text">Learn more</a> </div> </article> <article class="process-card process-card--trasnlateY-up"> <p class="process-card__number">004</p> <p class="process-card__information"> Digital Communications <br> Influencer Marketing <br> Product Placements <br> Strategic Partnerships <br> </p> <div class="process-card__wrapper-link"> <a href="#our-expertise" class="process-card__link-button"></a> <a href="#our-expertise" class="process-card__link-text">Learn more</a> </div> </article> </div> </div> </div> </section> <section class="section testimonials" id="testimonials"> <div class="container"> <div class="testimonials__content"> <div class="testimonials__header"> <p class="section__label testimonials__label">Testimonials</p> <h2 class="section__title testimonials__title">What people say</h2> </div> <div class="testimonials__wrapper-cards"> <article class="testimonial-card"> <div class="testimonial-card__wrapper-img"> <img src="01.b2427819.png" alt="avatar" class="testimonial-card__img" width="140px" height="140px"> </div> <img src="decoration.924e876d.svg" alt="decoration" class="testimonial-card__decoration" width="24px" height="24px"> <p class="section__text testimonial-card__text"> AIR’s ideas are refreshing and out of the box. Authentic team that focuses on the important path of the brand. </p> <p class="testimonial-card__full-name">Tal Gilad</p> <p class="section__label testimonial-card__label">Teach for America</p> </article> <article class="testimonial-card"> <div class="testimonial-card__wrapper-img"> <img src="02.8a6b351a.png" alt="avatar" class="testimonial-card__img" width="140px" height="140px"> </div> <img src="decoration.924e876d.svg" alt="decoration" class="testimonial-card__decoration" width="24px" height="24px"> <p class="section__text testimonial-card__text"> AIR is an exceptional agency that leads with creative talent, first-class account servicing. </p> <p class="testimonial-card__full-name">Azadeh Hawkins</p> <p class="section__label testimonial-card__label">Hawkins Consulting</p> </article> <article class="testimonial-card"> <div class="testimonial-card__wrapper-img"> <img src="03.086f7f23.png" alt="avatar" class="testimonial-card__img" width="140px" height="140px"> </div> <img src="decoration.924e876d.svg" alt="decoration" class="testimonial-card__decoration" width="24px" height="24px"> <p class="section__text testimonial-card__text"> AIR raises the agency bar to stratospheric heights on both creative output and client service. </p> <p class="testimonial-card__full-name">Michel Grover</p> <p class="section__label testimonial-card__label">Hulu</p> </article> </div> </div> </div> </section> <section class="section vision-passion-results"> <div class="container"> <div class="vision-passion-results__content"> <div class="vision-passion-results__header"> <h2 class="section__title vision-passion-results__title">Vision, Passion, Results</h2> <p class="section__text vision-passion-results__text"> We are sure that first-rate job is possible only if all three components are united. </p> </div> <div class="main-button vision-passion-results__button"> <a href="#hire-us" class="main-button__button">Apply</a> </div> </div> </div> </section> </div> </main> <footer class="footer page-footer" id="hire-us"> <div class="container"> <div class="footer__content"> <div class="footer__form-wrapper"> <h2 class="footer__title section__title"> Send us a message </h2> <form onsubmit="this.reset(); return false;" action="#" method="get" class="form"> <input type="email" class="form__input" name="email" placeholder="Your email" required> <input type="text" class="form__input" name="name" placeholder="Your name" required> <input type="text" class="form__input form__input--last-child--margin-bottom" name="message" placeholder="Your message" required> <div class="form__wrapper-button main-button"> <button class="form__button main-button__button">Send</button> </div> </form> </div> <div class="contact-us footer__contact-us" id="contact"> <h2 class="footer__title section__title"> Contact us </h2> <ul class="contact-us__list"> <li class="contact-us__item"> <p class="contact-us__label">Call us</p> <a href="tel:+654 321 987" class="contact-us__link"> 654 321 987 </a> </li> <li class="contact-us__item"> <p class="contact-us__label">Visit us</p> <a target="_blank" href="https://www.google.com.ua/maps/search/2905+West+Drive,+Buffalo+Grove/@42.1697875,-87.9523231,13z/data=!3m1!4b1?entry=ttu" class="contact-us__link"> 2905 West Drive, Buffalo Grove </a> </li> <li class="contact-us__item"> <p class="contact-us__label contact-us__label--margin-botom--16px">our socials</p> <ul class="contact-us__list-icons"> <li class="contact-us__item-icon"> <a href="#" class="contact-us__link-icon"> <div class="contact-us__facebook-icon"></div> </a> </li> <li class="contact-us__item-icon"> <a href="#" class="contact-us__link-icon"> <div class="contact-us__twitter-icon"></div> </a> </li> <li class="contact-us__item-icon"> <a href="#" class="contact-us__link-icon"> <div class="contact-us__instagram-icon"></div> </a> </li> </ul> </li> </ul> </div> <div class="footer__bottom"> <nav class="footer__top-bar top-bar top-bar--footer"> <div class="top-bar__left-section"> <a href="#home" class="top-bar__logo"> <img src="air-logo.7eea284b.svg" alt="Logo Air" class="logo__image" width="45px" height="25px"> </a> </div> <nav class="nav top-bar__nav top-bar__nav--footer"> <ul class="nav__list nav__list--footer"> <li class="nav__item"> <a href="#about" class="nav__link">About us</a> </li> <li class="nav__item"> <a href="#home" class="nav__link">Home</a> </li> <li class="nav__item"> <a href="#work" class="nav__link">Work</a> </li> <li class="nav__item"> <a href="#services" class="nav__link">Services</a> </li> <li class="nav__item"> <a href="#contact" class="nav__link">Contact Us</a> </li> </ul> </nav> </nav> </div> </div> </div> </footer> <script type="text/javascript" src="main.55915713.js"></script> </body></html>
diff --git a/instagram-icon-active.79426930.svg b/instagram-icon-active.79426930.svg
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html class="page" lang="en" id="home"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Air</title><link rel="icon" type="image/png" href="favicon.885d78c1.png"><link rel="stylesheet" href="main.f1000aa2.css"></head><body class="body page__body"> <header class="header page__header"> <div class="container"> <div class="header__content"> <nav class="header__top-bar top-bar"> <div class="top-bar__left-section"> <a href="#home" class="top-bar__logo"> <img src="air-logo.7eea284b.svg" alt="Logo Air" class="logo__image" width="45px" height="25px"> </a> <a href="#menu" class="top-bar__icon-menu"></a> </div> <nav class="nav top-bar__nav"> <ul class="nav__list"> <li class="nav__item"> <a href="#about" class="nav__link">About us</a> </li> <li class="nav__item"> <a href="#services" class="nav__link">Services</a> </li> <li class="nav__item"> <a href="#testimonials" class="nav__link">Testimonials</a> </li> <li class="nav__item"> <a href="#contact" class="nav__link">Contact Us</a> </li> </ul> </nav> <a href="#hire-us" class="top-bar__button-hire-us">Hire us</a> </nav> </div> </div> </header> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="menu__content"> <nav class="menu__nav nav"> <ul class="nav__list nav__list--header"> <li class="nav__item"> <a href="#about" class="nav__link">About us</a> </li> <li class="nav__item"> <a href="#services" class="nav__link">Services</a> </li> <li class="nav__item"> <a href="#testimonials" class="nav__link">Testimonials</a> </li> <li class="nav__item"> <a href="#contact" class="nav__link">Contact Us</a> </li> </ul> </nav> </div> </div> </aside> <main class="main page__main"> <div class="main__content"> <section class="main__strategic-agency section strategic-agency"> <div class="container"> <div class="strategic-agency__content"> <h1 class="strategic-agency__title">Strategic Agency</h1> <p class="strategic-agency__subtitle"> We believe in the power of bold ideas that can solve business challenges. </p> <div class="main-button strategic-agency__button"> <a href="#our-expertise" class="main-button__button">Learn more</a> </div> </div> </div> <div class="slider strategic-agency__slider"> <div class="slider__content"> <div class="slider__holder"> <div class="slider__img slider__img--1"></div> <div class="slider__img slider__img--2"></div> <div class="slider__img slider__img--3"></div> <div class="slider__img slider__img--4"></div> </div> <div class="slider__control"> <div class="slider__wrapper-buttons"> <div class="slider__button slider__button--disable"></div> <div class="slider__button slider__button--scaleX"></div> </div> <div class="slider__text"> <p class="slider__title">Intro</p> <p class="slider__subtitle">By the same illusion which lifts the horizon.</p> </div> </div> </div> </div> </section> <section class="section who-we-are" id="about"> <div class="container"> <div class="who-we-are__content"> <h2 class="section__title who-we-are__title">Who we are</h2> <p class="section__text who-we-are__text"> We embrace a strategic approach to creative ideas. We are interested in people and human relationships. This is the main thing you need to know about us. We believe in the power of bold ideas that can solve business challenges. </p> </div> </div> </section> <section class="our-expertise section" id="our-expertise"> <div class="container"> <div class="our-expertise__content"> <h2 class="our-expertise-card__title section__title">Our expertise</h2> <div class="our-expertise__wrapper-expertises"> <article class="expertise-card"> <img src="01.700de8b6.png" alt="branding" class="expertise-card__img" width="186px" height="166px"> <h3 class="expertise-card__title section__title">Branding</h3> <p class="expertise__text section__text"> We create additional value for companies, products, services as well as verbal and visual ways to deliver it to the audience. </p> </article> <article class="expertise-card"> <img src="02.32f4a0f4.png" alt="communication" class="expertise-card__img" width="186px" height="166px"> <h3 class="expertise-card__title section__title">Communication</h3> <p class="expertise__text section__text"> We strive to create communications that can increase media performance. We use everything — words, meanings, stories, art, movies. </p> </article> <article class="expertise-card"> <img src="03.27c197f9.png" alt="strategy" class="expertise-card__img" width="186px" height="166px"> <h3 class="expertise-card__title section__title">Strategy</h3> <p class="expertise__text section__text"> We create business growth strategies, from the moment of its birth to the achievement of the necessary business indicators. </p> </article> </div> </div> </div> </section> <section class="process section" id="services"> <div class="container"> <div class="process__content"> <div class="process__header"> <p class="process__label section__label">Services</p> <h2 class="process__title section__title">Air is a full service creative agency</h2> <p class="process__text section__text"> Deep analytics, strong strategy and bright creative ideas. <br> <br> We are sure that first-rate job is possible only if all three components are united. </p> </div> <div class="process__wrapper-cards"> <article class="process-card"> <p class="process-card__number">001</p> <p class="process-card__information"> Brand Development<br> Copywriting<br> Logo & Webite Design<br> Packaging<br> </p> <div class="process-card__wrapper-link"> <a href="#our-expertise" class="process-card__link-button"></a> <a href="#our-expertise" class="process-card__link-text">Learn more</a> </div> </article> <article class="process-card process-card--trasnlateY-up"> <p class="process-card__number">002</p> <p class="process-card__information"> Сontent Production <br> Graphic Design <br> Video Production <br> Post Productio <br> </p> <div class="process-card__wrapper-link"> <a href="#our-expertise" class="process-card__link-button"></a> <a href="#our-expertise" class="process-card__link-text">Learn more</a> </div> </article> <article class="process-card"> <p class="process-card__number">003</p> <p class="process-card__information"> Marketing Strategy <br> Email Marketin <br> Paid Advertising <br> Blog Content & SEO <br> </p> <div class="process-card__wrapper-link"> <a href="#our-expertise" class="process-card__link-button"></a> <a href="#our-expertise" class="process-card__link-text">Learn more</a> </div> </article> <article class="process-card process-card--trasnlateY-up"> <p class="process-card__number">004</p> <p class="process-card__information"> Digital Communications <br> Influencer Marketing <br> Product Placements <br> Strategic Partnerships <br> </p> <div class="process-card__wrapper-link"> <a href="#our-expertise" class="process-card__link-button"></a> <a href="#our-expertise" class="process-card__link-text">Learn more</a> </div> </article> </div> </div> </div> </section> <section class="section testimonials" id="testimonials"> <div class="container"> <div class="testimonials__content"> <div class="testimonials__header"> <p class="section__label testimonials__label">Testimonials</p> <h2 class="section__title testimonials__title">What people say</h2> </div> <div class="testimonials__wrapper-cards"> <article class="testimonial-card"> <div class="testimonial-card__wrapper-img"> <img src="01.b2427819.png" alt="avatar" class="testimonial-card__img" width="140px" height="140px"> </div> <img src="decoration.924e876d.svg" alt="decoration" class="testimonial-card__decoration" width="24px" height="24px"> <p class="section__text testimonial-card__text"> AIR’s ideas are refreshing and out of the box. Authentic team that focuses on the important path of the brand. </p> <p class="testimonial-card__full-name">Tal Gilad</p> <p class="section__label testimonial-card__label">Teach for America</p> </article> <article class="testimonial-card"> <div class="testimonial-card__wrapper-img"> <img src="02.8a6b351a.png" alt="avatar" class="testimonial-card__img" width="140px" height="140px"> </div> <img src="decoration.924e876d.svg" alt="decoration" class="testimonial-card__decoration" width="24px" height="24px"> <p class="section__text testimonial-card__text"> AIR is an exceptional agency that leads with creative talent, first-class account servicing. </p> <p class="testimonial-card__full-name">Azadeh Hawkins</p> <p class="section__label testimonial-card__label">Hawkins Consulting</p> </article> <article class="testimonial-card"> <div class="testimonial-card__wrapper-img"> <img src="03.086f7f23.png" alt="avatar" class="testimonial-card__img" width="140px" height="140px"> </div> <img src="decoration.924e876d.svg" alt="decoration" class="testimonial-card__decoration" width="24px" height="24px"> <p class="section__text testimonial-card__text"> AIR raises the agency bar to stratospheric heights on both creative output and client service. </p> <p class="testimonial-card__full-name">Michel Grover</p> <p class="section__label testimonial-card__label">Hulu</p> </article> </div> </div> </div> </section> <section class="section vision-passion-results"> <div class="container"> <div class="vision-passion-results__content"> <div class="vision-passion-results__header"> <h2 class="section__title vision-passion-results__title">Vision, Passion, Results</h2> <p class="section__text vision-passion-results__text"> We are sure that first-rate job is possible only if all three components are united. </p> </div> <div class="main-button vision-passion-results__button"> <a href="#hire-us" class="main-button__button">Apply</a> </div> </div> </div> </section> </div> </main> <footer class="footer page-footer" id="hire-us"> <div class="container"> <div class="footer__content"> <div class="footer__form-wrapper"> <h2 class="footer__title section__title"> Send us a message </h2> <form onsubmit="this.reset(); return false;" action="#" method="get" class="form"> <input type="email" class="form__input" name="email" placeholder="Your email" required> <input type="text" class="form__input" name="name" placeholder="Your name" required> <input type="text" class="form__input form__input--last-child--margin-bottom" name="message" placeholder="Your message" required> <div class="form__wrapper-button main-button"> <button class="form__button main-button__button">Send</button> </div> </form> </div> <div class="contact-us footer__contact-us" id="contact"> <h2 class="footer__title section__title"> Contact us </h2> <ul class="contact-us__list"> <li class="contact-us__item"> <p class="contact-us__label">Call us</p> <a href="tel:+654 321 987" class="contact-us__link"> 654 321 987 </a> </li> <li class="contact-us__item"> <p class="contact-us__label">Visit us</p> <a target="_blank" href="https://www.google.com.ua/maps/search/2905+West+Drive,+Buffalo+Grove/@42.1697875,-87.9523231,13z/data=!3m1!4b1?entry=ttu" class="contact-us__link"> 2905 West Drive, Buffalo Grove </a> </li> <li class="contact-us__item"> <p class="contact-us__label contact-us__label--margin-botom--16px">our socials</p> <ul class="contact-us__list-icons"> <li class="contact-us__item-icon"> <a href="#" class="contact-us__link-icon"> <div class="contact-us__facebook-icon"></div> </a> </li> <li class="contact-us__item-icon"> <a href="#" class="contact-us__link-icon"> <div class="contact-us__twitter-icon"></div> </a> </li> <li class="contact-us__item-icon"> <a href="#" class="contact-us__link-icon"> <div class="contact-us__instagram-icon"></div> </a> </li> </ul> </li> </ul> </div> <div class="footer__bottom"> <nav class="footer__top-bar top-bar top-bar--footer"> <div class="top-bar__left-section"> <a href="#home" class="top-bar__logo"> <img src="air-logo.7eea284b.svg" alt="Logo Air" class="logo__image" width="45px" height="25px"> </a> </div> <nav class="nav top-bar__nav top-bar__nav--footer"> <ul class="nav__list nav__list--footer"> <li class="nav__item"> <a href="#about" class="nav__link">About us</a> </li> <li class="nav__item"> <a href="#home" class="nav__link">Home</a> </li> <li class="nav__item"> <a href="#work" class="nav__link">Work</a> </li> <li class="nav__item"> <a href="#services" class="nav__link">Services</a> </li> <li class="nav__item"> <a href="#contact" class="nav__link">Contact Us</a> </li> </ul> </nav> </nav> </div> </div> </div> </footer> <script type="text/javascript" src="main.55915713.js"></script> </body></html>