-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
1 lines (1 loc) · 11.2 KB
/
about.html
1
<!doctype html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><meta name="description" content=""><meta name="viewport" content="width=device-width,initial-scale=1"><script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script><link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500&family=Poppins:wght@200;300;400;600&display=swap" rel="stylesheet"><link rel="stylesheet" href="./css/main.css"/></head><body class="container container--1"><div class="background background__about--1"></div><div class="background background__about--2"></div><div class="background background__home--final"></div><div class="scrollButton"><a href="#top" class="scrollButton__link"><svg class="scrollButton__icon"><use xlink:href="imgs/brands/sprite.svg#icon-arrow-up2"></use></svg></a></div><nav class="nav" id="#top"><div class="companyLogo nav__logo"><a href="./index.html"><span class="companyLogo__dot">·</span>inter<span class="companyLogo__dot">·</span><span class="companyLogo__color">se</span></a></div><ul class="nav__list"><li class="nav__item nav__item--home"><a href="./index.html">Home</a></li><li class="nav__item nav__current"><a href="#top">About</a></li><li class="nav__item nav__item--services"><a href="./services.html">Services</a></li><li class="nav__item nav__item--contact"><a href="./contact.html">Contact</a></li></ul><div class="nav__listMobile"><input type="checkbox" class="nav__listMobile--checkbox" value="mobileMenu"> <label class="nav__listMobile--mobileMenu" for="mobileMenu"> </label><ul class="listMobileContainer"><li class="nav__listMobile__item nav__listMobile__item--home nav__current nav__current--home"><a href="./index.html">Home</a></li><li class="nav__listMobile__item nav__listMobile__item__current"><a href="./about.html">About</a></li><li class="nav__listMobile__item nav__listMobileitem--services"><a href="./services.html">Services</a></li><li class="nav__listMobile__item nav__listMobileitem--contact"><a href="./contact.html">Contact</a></li></ul></div></nav><header class="aboutheader"><div class="aboutheader__container"><div class="aboutheader__words"><div class="aboutheader__title">About Us</div><h1 class="aboutheader__description heading heading--1">We're here so your dream reaches the world.</h1><h3 class="aboutheader__definition heading heading--1">in·ter se<br>\ ˌin-tər-ˈsā , -ˈsē \<br>among or between themselves</h3></div><div class="aboutheader__img"><img src="./imgs/teamView1.jpg" alt=""></div></div></header><section class="vision"><h2 class="vision__title">VISION</h2><p class="vision__description">To be the world's go to company in creating outstanding and forward thinking web design, web development, & web services.</p></section><section class="values"><div class="values__words"><h2 class="values__title mb__medium">VALUES</h2><p class="values__description">Since the beginning, we have been driven by these 7 core values:</p></div><div class="values__listContainer"><ul class="values__list"><li class="values__item">1. Excellence</li><li class="values__item">2. Quality</li><li class="values__item">3. Creativity</li><li class="values__item">4. Care</li><li class="values__item">5. Integrity</li><li class="values__item">6. Service</li><li class="values__item">7. Community</li></ul></div></section><section class="facts"><h2 class="facts__title heading mb__medium">The Numbers.</h2><ul class="facts__list"><li class="facts__items"><div class="facts__number">2011</div><div class="facts__description">Year Founded</div></li><li class="facts__items"><div class="facts__number">20K</div><div class="facts__description">Clients</div></li><li class="facts__items"><div class="facts__number">$14.5M</div><div class="facts__description">Annual Revenue</div></li><li class="facts__items"><div class="facts__number">11K+</div><div class="facts__description">Projects Completed</div></li></ul></section><section class="aboutTeam"><div class="aboutTeam__title heading heading--2 mb__xl">Our Team</div><div class="aboutTeam__listContainer"><ul class="aboutTeam__list"><li class="aboutTeam__item aboutTeam__selected"><input type="radio" class="aboutTeam__input" id="all" name="teamView" checked="checked"> <label for="all" class="aboutTeam__label aboutTeam__teamView--all">All</label></li><li class="aboutTeam__item"><input type="radio" class="aboutTeam__input" id="Lead" name="teamView"> <label for="Lead" class="aboutTeam__label">Lead</label></li><li class="aboutTeam__item"><input type="radio" class="aboutTeam__input" id="Design" name="teamView"> <label for="Design" class="aboutTeam__label">Design</label></li><li class="aboutTeam__item"><input type="radio" class="aboutTeam__input" id="Development" name="teamView"> <label for="Development" class="aboutTeam__label">Development</label></li><li class="aboutTeam__item"><input type="radio" class="aboutTeam__input" id="Marketing" name="teamView"> <label for="Marketing" class="aboutTeam__label">Marketing</label></li></ul></div><div class="aboutTeam__container mb__xl"><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--1"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Bobby Pearl</div><div class="aboutTeam__position aboutTeam__lead">CEO<br>Founder</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--2"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Kiera Ramirez</div><div class="aboutTeam__position">CFO</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--3"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Liberty Briggs</div><div class="aboutTeam__position">Staff Engineer</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--4"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Ron Yates</div><div class="aboutTeam__position">Head of Marketing</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--5"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Martin Sullivan</div><div class="aboutTeam__position">Head of HR</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--6"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Rose Watson</div><div class="aboutTeam__position">Lead Designer</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--7"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Lukas Alvarez</div><div class="aboutTeam__position">Full Stack Developer</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--8"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Oliver Johnson</div><div class="aboutTeam__position">Front End Developer</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--9"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Abbie Shultz</div><div class="aboutTeam__position">Backend Developer</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--10"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Kelly Ramos</div><div class="aboutTeam__position">Front End Developer</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--11"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Warren Dawson</div><div class="aboutTeam__position">Backend Developer</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--12"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Francesca Couture</div><div class="aboutTeam__position">Copywriter</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--13"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Dewey Wagner</div><div class="aboutTeam__position">SEO & SMM Specialist</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--14"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Melvin Cummings</div><div class="aboutTeam__position">UX Designer</div></div></div><div class="aboutTeam__card"><div class="aboutTeam__img aboutTeam__img--15"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Aisha Vaughn</div><div class="aboutTeam__position">UX Designer</div></div></div><div class="aboutTeam__card aboutTeam__card--16"><div class="aboutTeam__img aboutTeam__img--16"></div><div class="aboutTeam__words"><div class="aboutTeam__name">Tonya Wilkerson</div><div class="aboutTeam__position">HR Specialist</div></div></div></div><button class="aboutTeam__button btn">Connect With Us</button></section><footer class="footer"><div class="footer__container"><nav class="footer__nav"><ul class="footer__list footer__list--1"><li class="companyLogo footer__logo"><div class="companyLogo nav__logo"><a href="./index.html"><span class="companyLogo__dot">·</span>inter<span class="companyLogo__dot">·</span><span class="companyLogo__color">se</span></a></div></li><li class="footer__socialMedia"><ul class="footer__socialMediaList"><li class="footer__socialMediaItem"><svg class="footer__socialMediaIcon"><use xlink:href="imgs/brands/sprite.svg#icon-instagram1"></use></svg></li><li class="footer__socialMediaItem"><svg class="footer__socialMediaIcon"><use xlink:href="imgs/brands/sprite.svg#icon-linkedin2"></use></svg></li><li class="footer__socialMediaItem"><svg class="footer__socialMediaIcon"><use xlink:href="imgs/brands/sprite.svg#icon-twitter1"></use></svg></li><li class="footer__socialMediaItem"><svg class="footer__socialMediaIcon"><use xlink:href="imgs/brands/sprite.svg#icon-facebook"></use></svg></li><li class="footer__socialMediaItem"><svg class="footer__socialMediaIcon"><use xlink:href="imgs/brands/sprite.svg#icon-youtube1"></use></svg></li></ul></li></ul><ul class="footer__list footer__list--2"><li class="footer__item footer__itemTitle footer__itemTitle--2">What We Do</li><li class="footer__item">Web Apps</li><li class="footer__item">Mobile Apps</li><li class="footer__item">DB Management</li><li class="footer__item">Backend Development</li><li class="footer__item">Consulting</li></ul><ul class="footer__list footer__list--3"><li class="footer__item footer__itemTitle footer__itemTitle--3">Navigation</li><li class="footer__item">About Us</li><li class="footer__item">Our Team</li><li class="footer__item">Services</li><li class="footer__item">Contact Us</li></ul><ul class="footer__list footer__list--4"><li class="footer__item footer__itemTitle footer__itemTitle--4">Newsletter Subscription</li><li class="footer__item"></li><li class="footer__item"><form action="#" class="footer__form"><input type="email" class="footer__subscription" placeholder="Email Address" required> <button class="footer__button btn">Subscribe</button></form></li></ul></nav><div class="footer__corp">© 2020 interse. All rights reserved. <span class="footer__privacy">Privacy Policy</span></div></div></footer><script src="js/bundle.js"></script></body>