generated from mate-academy/gulp-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 1742665
Showing
37 changed files
with
138 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
<!DOCTYPE html><html lang="en" class="page"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Poppins:wght@600;700&display=swap" rel="stylesheet"><link rel="icon" href="logo-white.89972a8c.svg"><title>Air</title><link rel="stylesheet" href="main.e4e9d669.css"></head><body class="page__body" id="page-top"> <header class="header page__header" data-theme-item="header"> <div class="header__main"> <div class="container"> <div class="header__top-bar"> <div class="header__top-bar-left"> <a href="#" class="header__logo logo" data-theme-item="logo"></a> <button class="header__menu-button"> <img src="menu.c9751221.svg" alt="menu button"> </button> <div class="header__theme-switcher theme-switcher"> <div class="theme-switcher__lever" data-theme-item="theme-switcher__lever"></div> </div> </div> <nav class="header__nav nav nav--top" data-theme-item="nav--top"> <ul class="nav__list nav__list--top"> <li class="nav__item"> <a href="#about-us" class="nav__link" data-theme-item="nav__link"> About us </a> </li> <li class="nav__item"> <a href="#services" class="nav__link" data-theme-item="nav__link"> Services </a> </li> <li class="nav__item"> <a href="#testimonials" class="nav__link" data-theme-item="nav__link"> Testimonials </a> </li> <li class="nav__item"> <a href="#contact-us" class="nav__link" data-theme-item="nav__link"> Contact Us </a> </li> </ul> </nav> <a href="#text-us" class="header__hire-us-link" data-theme-item="header__hire-us-link"> hire us </a> </div> <div class="header__content"> <h1 class="header__title">Strategic Agency</h1> <p class="header__description"> We believe in the power of bold ideas that can solve business challenges. </p> <button class="header__button main-button" data-theme-item="main-button"> Learn more </button> </div> </div> </div> <div class="header__slider slider" data-theme-item="slider"> <div class="slider__list"> <img src="1.2dc955c1.jpeg" alt="Slide 1" class="slider__slide"> <img src="2.5a0ac5bd.jpeg" alt="Slide 2" class="slider__slide"> <img src="3.3ecb6510.jpeg" alt="Slide 3" class="slider__slide"> <img src="4.0139709a.jpeg" alt="Slide 4" class="slider__slide"> </div> <div class="slider__controls"> <div class="slider__buttons"> <button class="slider__button slider__button--left"></button> <button class="slider__button slider__button--right"></button> </div> <div class="slider__info"> <h5 class="slider__intro">intro</h5> <p class="slider__description"> By the same illusion which lifts the horizon. </p> </div> </div> </div> </header> <main class="main page__main"> <section class="about-us" id="about-us"> <div class="container"> <div class="about-us__content"> <article class="about-us__who-we-are"> <h3 class="about-us__who-we-are-title"> Who we are </h3> <p class="about-us__who-we-are-description"> 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> </article> </div> </div> </section> <section class="expertise" id="expertise" data-theme-item="expertise"> <div class="container"> <h2 class="expertise__title">Our expertise</h2> <div class="expertise__cards"> <article class="expertise-card"> <img src="expertise-1.c37483ea.jpg" alt="Branding" class="expertise-card__image"> <h4 class="expertise-card__title">Branding</h4> <p class="expertise-card__description"> 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="expertise-2.03565d84.jpg" alt="Communication" class="expertise-card__image"> <h4 class="expertise-card__title">Communication</h4> <p class="expertise-card__description"> 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="expertise-3.78dc376b.jpg" alt="Strategy" class="expertise-card__image"> <h4 class="expertise-card__title">Strategy</h4> <p class="expertise-card__description"> We create business growth strategies, from the moment of its birth to the achievement of the necessary business indicators. </p> </article> </div> </div> </section> <section class="services" id="services"> <div class="container"> <div class="services__content"> <div class="services__info"> <h5 class="services__info-name">Services</h5> <h3 class="services__info-title"> Air is a full service creative agency </h3> <div class="services__info-description"> 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. </div> </div> <div class="services__cards"> <artticle class="service-card services__card" data-theme-item="service-card-azure"> <span class="service-card__number">001</span> <ul class="service-card__services"> <li class="service-card__service">Brand Development</li> <li class="service-card__service">Copyrighting</li> <li class="service-card__service">Logo & Website Design</li> <li class="service-card__service">Packaging</li> </ul> <button class="service-card__button"> Learn more </button> </artticle> <artticle class="service-card services__card" data-theme-item="service-card-yellow"> <span class="service-card__number">002</span> <ul class="service-card__services"> <li class="service-card__service">Content Production</li> <li class="service-card__service">Graphics Design</li> <li class="service-card__service">Video Production</li> <li class="service-card__service">Post Production</li> </ul> <button class="service-card__button"> Learn more </button> </artticle> <artticle class="service-card services__card" data-theme-item="service-card-green"> <span class="service-card__number">003</span> <ul class="service-card__services"> <li class="service-card__service">Marketing Strategy</li> <li class="service-card__service">Email Marketing</li> <li class="service-card__service">Paid Advertising</li> <li class="service-card__service">Blog Content & SEO</li> </ul> <button class="service-card__button"> Learn more </button> </artticle> <artticle class="service-card services__card" data-theme-item="service-card-red"> <span class="service-card__number">004</span> <ul class="service-card__services"> <li class="service-card__service">Digital Communications</li> <li class="service-card__service">Influencer Marketing</li> <li class="service-card__service">Product Placements</li> <li class="service-card__service">Strategic Partnerships</li> </ul> <button class="service-card__button"> Learn more </button> </artticle> </div> </div> </div> </section> <section class="testimonials" id="testimonials"> <div class="container"> <div class="testimonials__content"> <div class="testimonials__info"> <h5 class="testimonials__name">testimonials</h5> <h3 class="testimonials__title">What people say </h3> </div> <div class="testimonials__cards"> <article class="testimonial-card testimonials__card"> <div class="testimonial-card__photo"> <div class="testimonial-card__decor testimonial-card__decor--left" data-theme-item="testimonial-card__decor-azure"></div> <div class="testimonial-card__decor testimonial-card__decor--right" data-theme-item="testimonial-card__decor-azure"></div> <img src="testimonial-1.2d8e7c50.png" alt="Testimonial 1" class="testimonial-card__image"> </div> <div class="testimonial-card__content"> <p class="testimonial-card__comment" data-theme-item="testimonial-card__comment-azure"> AIR’s ideas are refreshing and out of the box. Authentic team that focuses on the important path of the brand. </p> <div class="testimonial-card__author"> <p class="testimonial-card__name">Tal Gilad</p> <p class="testimonial-card__workplace">Teach for America</p> </div> </div> </article> <article class="testimonial-card testimonials__card"> <div class="testimonial-card__photo"> <div class="testimonial-card__decor testimonial-card__decor--left" data-theme-item="testimonial-card__decor-yellow"></div> <div class="testimonial-card__decor testimonial-card__decor--right" data-theme-item="testimonial-card__decor-yellow"></div> <img src="testimonial-2.d52e5389.png" alt="Testimonial 2" class="testimonial-card__image"> </div> <div class="testimonial-card__content"> <p class="testimonial-card__comment" data-theme-item="testimonial-card__comment-yellow"> AIR is an exceptional agency that leads with creative talent, first-class account servicing. </p> <div class="testimonial-card__author"> <p class="testimonial-card__name">Azadeh Hawkins</p> <p class="testimonial-card__workplace">Hawkins Consulting</p> </div> </div> </article> <article class="testimonial-card testimonials__card"> <div class="testimonial-card__photo"> <div class="testimonial-card__decor testimonial-card__decor--left" data-theme-item="testimonial-card__decor-red"></div> <div class="testimonial-card__decor testimonial-card__decor--right" data-theme-item="testimonial-card__decor-red"></div> <img src="testimonial-3.9c1c9f74.png" alt="Testimonial 3" class="testimonial-card__image"> </div> <div class="testimonial-card__content"> <p class="testimonial-card__comment" data-theme-item="testimonial-card__comment-red"> AIR raises the agency bar to stratospheric heights on both creative output and client service. </p> <div class="testimonial-card__author"> <p class="testimonial-card__name">Michel Grover</p> <p class="testimonial-card__workplace">Hulu</p> </div> </div> </article> </div> </div> </div> </section> <section class="vision" data-theme-item="vision"> <div class="container"> <div class="vision__content"> <div class="vision__wrapper"> <h2 class="vision__title">Vision, Passion, Results</h2> <p class="vision__description"> We are sure that first-rate job is possible only if all three components are united. </p> <button class="main-button vision__button" data-theme-item="main-button"> Apply </button> </div> </div> </div> </section> </main> <footer class="footer"> <div class="footer__wrapper" data-theme-item="footer__wrapper"> <div class="container"> <div class="footer__content"> <section class="footer__text-us text-us" id="text-us"> <h3 class="text-us__title">Send us a message</h3> <form action="GET" class="text-us__form"> <input type="email" name="email" placeholder="Your email" class="text-us__input" required data-theme-item="text-us__input"> <input type="text" name="name" placeholder="Your name" class="text-us__input" required data-theme-item="text-us__input"> <textarea name="message" rows="1" class="text-us__input text-us__input--message" placeholder="Your message" required data-theme-item="text-us__input"></textarea> <button type="submit" class="main-button" data-theme-item="main-button"> Send </button> </form> </section> <section class="contact-us footer__contact-us" id="contact-us"> <h3 class="contact-us__title">Contact us</h3> <div class="contact-us__item"> <h5 class="contact-us__item-title">Call us</h5> <a href="tel:654 321 987" class="contact-us__item-link" data-theme-item="contact-us__item-link"> 654 321 987 </a> </div> <div class="contact-us__item"> <h5 class="contact-us__item-title">Visit us</h5> <a href="https://maps.app.goo.gl/JU8CYBiw29NekhEy9" target="_blank" class="contact-us__item-link" data-theme-item="contact-us__item-link"> 2905 West Drive, Buffalo Grove </a> </div> <div class="contact-us__item"> <h5 class="contact-us__item-title contact-us__item-title--socials"> our socials </h5> <div class="contact-us__item-socials"> <a href="https://www.facebook.com/" class="social social--facebook" target="_blank" data-theme-item="social--facebook"></a> <a href="https://www.twitter.com/" class="social social--twitter" target="_blank" data-theme-item="social--twitter"></a> <a href="https://www.instagram.com/" class="social social--instagram" target="_blank" data-theme-item="social--instagram"></a> </div> </div> </section> </div> <div class="footer__bottom-bar"> <a href="#" class="footer__logo logo" data-theme-item="logo"></a> <nav class="footer__nav nav" data-theme-item="nav"> <ul class="nav__list nav__list--bottom"> <li class="nav__item"> <a href="#about-us" class="nav__link" data-theme-item="nav__link"> About us </a> </li> <li class="nav__item"> <a href="#page-top" class="nav__link" data-theme-item="nav__link"> Home </a> </li> <li class="nav__item"> <a href="#expertise" class="nav__link" data-theme-item="nav__link"> Work </a> </li> <li class="nav__item"> <a href="#services" class="nav__link" data-theme-item="nav__link"> Services </a> </li> <li class="nav__item"> <a href="#contact-us" class="nav__link" data-theme-item="nav__link"> Contact Us </a> </li> </ul> </nav> </div> </div> </div> </footer> <script type="text/javascript" src="main.c17d0982.js"></script> </body></html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.