Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
web-concentration-site/index.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
executable file
160 lines (159 sloc)
11 KB
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title></title> | |
| <meta name="description" content=""> | |
| <link rel="stylesheet" href="dist/css/app.min.css"> | |
| </head> | |
| <body> | |
| <main class="main" id="home"> | |
| <section class="page about" id="about"> | |
| <div class="page__inner"> | |
| <div class="page__container"> | |
| <nav class="page__nav"> | |
| <a href="#home" class="page__backBtn"><-BACK</a> | |
| </nav> | |
| <header class="page__header"> | |
| <h1><ABOUT THE CONCENTRATOIN></h1> | |
| </header> | |
| <article class="aboutContent"> | |
| <div class="aboutContent__text"> | |
| <h2><Our Goals></h2> | |
| <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, ullam, facilis! Est eveniet accusamus mollitia ipsa, sit asperiores, possimus consectetur autem aspernatur provident praesentium amet repellendus quos libero, molestiae vero.</span> | |
| <span>Ipsa, ducimus. Quis illo doloribus tempore pariatur obcaecati excepturi quas, eius ut quod amet modi distinctio dolor aperiam commodi a dolore iste, ex sapiente, minima culpa? Quo placeat laboriosam praesentium?</span> | |
| <span>Dolore non praesentium accusamus maiores et possimus suscipit nulla unde dolor cum, tempora incidunt quasi tenetur magnam aliquid rem natus totam enim commodi inventore. Repudiandae vero placeat distinctio quisquam cupiditate.</span> | |
| <span>Non, molestiae, doloribus! Ex at doloremque ducimus fuga eveniet voluptatum tempora. Vel in soluta, ratione totam doloribus reiciendis sit dolores earum dicta, quam quae minus. Earum explicabo eius quos neque.</span></p> | |
| </div> | |
| <figure class="aboutContent__image"> | |
| <img src="dist/img/classroomA.jpg" alt="CLASSROOM A"> | |
| </figure> | |
| </article> | |
| <article class="aboutContent"> | |
| <div class="aboutContent__text"> | |
| <h2><Our Goals></h2> | |
| <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, ullam, facilis! Est eveniet accusamus mollitia ipsa, sit asperiores, possimus consectetur autem aspernatur provident praesentium amet repellendus quos libero, molestiae vero.</span> | |
| <span>Ipsa, ducimus. Quis illo doloribus tempore pariatur obcaecati excepturi quas, eius ut quod amet modi distinctio dolor aperiam commodi a dolore iste, ex sapiente, minima culpa? Quo placeat laboriosam praesentium?</span> | |
| <span>Dolore non praesentium accusamus maiores et possimus suscipit nulla unde dolor cum, tempora incidunt quasi tenetur magnam aliquid rem natus totam enim commodi inventore. Repudiandae vero placeat distinctio quisquam cupiditate.</span> | |
| <span>Non, molestiae, doloribus! Ex at doloremque ducimus fuga eveniet voluptatum tempora. Vel in soluta, ratione totam doloribus reiciendis sit dolores earum dicta, quam quae minus. Earum explicabo eius quos neque.</span></p> | |
| </div> | |
| <figure class="aboutContent__image"> | |
| <img src="dist/img/classroomB.jpg" alt="CLASSROOM B"> | |
| </figure> | |
| </article> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="page courses" id="courses"> | |
| <div class="page__inner"> | |
| <div class="page__container"> | |
| <nav class="page__nav"> | |
| <a href="#home" class="page__backBtn"><-BACK</a> | |
| </nav> | |
| <header class="page__header"> | |
| <h1><COURSES></h1> | |
| </header> | |
| <article class="courseCards"> | |
| <a href="#" class="courseCard"> | |
| <figure class="courseCard__graphic"> | |
| <img src="dist/img/intro.png" alt="INTRO TO WEB DESIGN"> | |
| </figure> | |
| <figcaption class="courseCard__description"> | |
| <h2><INTRODUCTION TO WEB DESIGN></h2> | |
| <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus sed, ratione consequuntur aliquam eos quod quos nam. Quod eaque cum repudiandae accusamus reprehenderit ea, error libero qui harum nostrum, quae.</span><span>Ex aut doloremque iste ad odio aperiam. At fugit sequi quidem eum necessitatibus vel, quia, quos, adipisci dicta a nobis error blanditiis repudiandae facilis maxime suscipit cum! Quae, eius, maxime!</span></p> | |
| </figcaption> | |
| </a> | |
| <a href="#" class="courseCard"> | |
| <figure class="courseCard__graphic"> | |
| <img src="dist/img/advanced.png" alt="ADVANCED WEB DESIGN"> | |
| </figure> | |
| <figcaption class="courseCard__description"> | |
| <h2><ADVANCED WEB DESIGN></h2> | |
| <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus sed, ratione consequuntur aliquam eos quod quos nam. Quod eaque cum repudiandae accusamus reprehenderit ea, error libero qui harum nostrum, quae.</span><span>Ex aut doloremque iste ad odio aperiam. At fugit sequi quidem eum necessitatibus vel, quia, quos, adipisci dicta a nobis error blanditiis repudiandae facilis maxime suscipit cum! Quae, eius, maxime!</span></p> | |
| </figcaption> | |
| </a> | |
| <a href="#" class="courseCard"> | |
| <figure class="courseCard__graphic"> | |
| <img src="dist/img/mobile-app.png" alt="MOBILE APP DEVELOPMENT"> | |
| </figure> | |
| <figcaption class="courseCard__description"> | |
| <h2><MOBILE APP DEVELOPMENT></h2> | |
| <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus sed, ratione consequuntur aliquam eos quod quos nam. Quod eaque cum repudiandae accusamus reprehenderit ea, error libero qui harum nostrum, quae.</span><span>Ex aut doloremque iste ad odio aperiam. At fugit sequi quidem eum necessitatibus vel, quia, quos, adipisci dicta a nobis error blanditiis repudiandae facilis maxime suscipit cum! Quae, eius, maxime!</span></p> | |
| </figcaption> | |
| </a> | |
| <a href="#" class="courseCard"> | |
| <figure class="courseCard__graphic"> | |
| <img src="dist/img/javascript.png" alt="INTRO JAVASCRIPT"> | |
| </figure> | |
| <figcaption class="courseCard__description"> | |
| <h2><INTRODUCTION TO JAVASCRIPT></h2> | |
| <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus sed, ratione consequuntur aliquam eos quod quos nam. Quod eaque cum repudiandae accusamus reprehenderit ea, error libero qui harum nostrum, quae.</span><span>Ex aut doloremque iste ad odio aperiam. At fugit sequi quidem eum necessitatibus vel, quia, quos, adipisci dicta a nobis error blanditiis repudiandae facilis maxime suscipit cum! Quae, eius, maxime!</span></p> | |
| </figcaption> | |
| </a> | |
| </article> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="page professors" id="professors"> | |
| <div class="page__inner"> | |
| <div class="page__container"> | |
| <nav class="page__nav"> | |
| <a href="#home" class="page__backBtn"><-BACK</a> | |
| </nav> | |
| <header class="page__header"> | |
| <h1><PROFESSORS></h1> | |
| </header> | |
| <article class="professorCards"> | |
| <figure class="professorCard"> | |
| <img src="dist/img/joel.jpg" alt="JOEL" class="professorCard__image"> | |
| <figcaption class="professorCard__text"> | |
| <h3>JOEL SALISBURY</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum quam vel omnis maxime cum, minima rem reprehenderit nostrum ipsum dolorem error temporibus nemo, facere at, animi tempora sequi explicabo aut.</p> | |
| <h4></CONTACT></h4> | |
| </figcaption> | |
| </figure> | |
| <figure class="professorCard"> | |
| <img src="dist/img/mike.jpg" alt="JOEL" class="professorCard__image"> | |
| <figcaption class="professorCard__text"> | |
| <h3>MIKE VERTEFUILLE</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum quam vel omnis maxime cum, minima rem reprehenderit nostrum ipsum dolorem error temporibus nemo, facere at, animi tempora sequi explicabo aut.</p> | |
| <h4></CONTACT></h4> | |
| </figcaption> | |
| </figure> | |
| <figure class="professorCard"> | |
| <img src="dist/img/brian.jpg" alt="JOEL" class="professorCard__image"> | |
| <figcaption class="professorCard__text"> | |
| <h3>BRIAN DALEY</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum quam vel omnis maxime cum, minima rem reprehenderit nostrum ipsum dolorem error temporibus nemo, facere at, animi tempora sequi explicabo aut.</p> | |
| <h4></CONTACT></h4> | |
| </figcaption> | |
| </figure> | |
| <figure class="professorCard"> | |
| <img src="dist/img/christine.jpg" alt="JOEL" class="professorCard__image"> | |
| <figcaption class="professorCard__text"> | |
| <h3>CHRISTINE BALLESTRINI</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum quam vel omnis maxime cum, minima rem reprehenderit nostrum ipsum dolorem error temporibus nemo, facere at, animi tempora sequi explicabo aut.</p> | |
| <h4></CONTACT></h4> | |
| </figcaption> | |
| </figure> | |
| </article> | |
| </div> | |
| </div> | |
| </section> | |
| <article class="header__row header__row--1"><DMD>WEB AND MOBILE CONCENTRATION</DMD><DMD><strong>WEB AND MOBILE CONCENTRATION</strong></DMD><DMD>WEB AND MOBILE CONCENTRATION</DMD></article> | |
| <article class="header__row header__row--2"><DMD>UCONN DMD WEB AND MOBILE SITE</DMD><DMD>UCONN DMD WEB AND MOBILE SITE</DMD><DMD>UCONN DMD WEB AND MOBILE SITE</DMD></article> | |
| <article class="header__row header__row--3"><H1>DIGITAL MEDIA AND DESIGN</H1><H1><strong>DIGITAL MEDIA AND DESIGN</strong></H1><H1>DIGITAL MEDIA AND DESIGN</H1></article> | |
| <article class="header__row header__row--4"><A HREF="TRANSCEND" CLASS="INNOVATE"><SPAN>THE FUTURE</SPAN><A HREF="TRANSCEND" CLASS="INNOVATE"><SPAN>THE FUTURE</SPAN></article> | |
| <article class="header__row header__row--5 header__row--aboutPre"><LINK HREF="UCONN" TYPE="SUCCESSFUL"/><a href="#about" class="header__link">ABOUT</a><LINK HREF="DIGITAL MEDIA" TYPE="TEXT/SCSS"/></article> | |
| <article class="header__row header__row--6 header__row--aboutPost"><DMD>WEB AND MOBILE CONCENTRATION</DMD><DMD>WEB AND MOBILE CONCENTRATION</DMD><DMD>WEB AND MOBILE CONCENTRATION</DMD></article> | |
| <article class="header__row header__row--7 header__row--coursesPre"><HEADER CLASS="ENGINEERING">THE FUTURE</HEADER><a href="#courses" class="header__link">COURSES</a><HEADER CLASS="CREATING">TOMORROW</HEADER></article> | |
| <article class="header__row header__row--8 header__row--coursesPost"><H1>DIGITAL MEDIA AND DESIGN</H1><H1>DIGITAL MEDIA AND DESIGN</H1><H1>DIGITAL MEDIA AND DESIGN</H1></article> | |
| <article class="header__row header__row--9 header__row--professorsPre"><SECTION>ALWAYS INNOVATING</SECTION><a href="#professors" class="header__link">PROFESSORS</a><SECTION>PUSHING THE LIMIT</SECTION></article> | |
| <article class="header__row header__row--10 header__row--professorsPost"><DMD>UCONN DMD WEB AND MOBILE SITE</DMD><DMD>UCONN DMD WEB AND MOBILE SITE</DMD><DMD>UCONN DMD WEB AND MOBILE SITE</DMD></article> | |
| </main> | |
| <script src="bower_components/jquery/dist/jquery.min.js"></script> | |
| <script src="dist/js/main.min.js"></script> | |
| </body> | |
| </html> |