| @@ -1,225 +1,249 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>Contemporary Era Museum</title> | ||
| <meta charset="utf-8"/> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"/> | ||
| <!--[if lte IE 8]> | ||
| <script src="/assets/js/ie/html5shiv.js"></script><![endif]--> | ||
| <link rel="stylesheet" href="/assets/css/main.css"/> | ||
| <!--[if lte IE 8]> | ||
| <link rel="stylesheet" href="/assets/css/ie8.css"/><![endif]--> | ||
| </head> | ||
| <body> | ||
| <div id="page-wrapper"> | ||
|
|
||
| <!-- Header --> | ||
| <div id="header-wrapper"> | ||
| <div id="header"> | ||
|
|
||
| <!-- Logo --> | ||
| <h1><a href="/index.html">Contemporary Era Museum</a></h1> | ||
|
|
||
| <!-- Nav --> | ||
| <nav id="nav"> | ||
| <ul> | ||
| <<<<<<< Updated upstream | ||
| <li class="current"><a href="/index.html">Home</a></li> | ||
| <li> | ||
| <a href="/index.html#exhibits">Exhibits</a> | ||
| <ul> | ||
| <li><a href="/exhibits/americas.html">Americas</a></li> | ||
| <li><a href="/exhibits/europe.html">Europe</a></li> | ||
| <li><a href="/exhibits/asia.html">Asia</a></li> | ||
| <li><a href="/exhibits/africa.html">Africa</a></li> | ||
| </ul> | ||
| </li> | ||
| <li><a href="/gift-shop.html">Gift Shop</a></li> | ||
| <li><a href="/workscited.html">Works Cited</a></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Main --> | ||
| <div id="main-wrapper"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="4u 12u(mobile)"> | ||
|
|
||
| <!-- Sidebar --> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 1</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 2</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 3</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 4</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
|
|
||
| </div> | ||
| <div class="8u 12u(mobile) important(mobile)"> | ||
|
|
||
| <!-- Content --> | ||
| <article class="box post"> | ||
| <a href="#" class="image featured"><img src="/images/pic01.jpg" alt=""/></a> | ||
| <header> | ||
| <h2>Left Sidebar</h2> | ||
| <p>Lorem ipsum dolor sit amet feugiat</p> | ||
| </header> | ||
| <p> | ||
| Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam | ||
| faucibus ante | ||
| dignissim auctor | ||
| hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at | ||
| accumsan | ||
| turpis commodo. | ||
| Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam | ||
| justo | ||
| adipiscing ante. | ||
| Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus. | ||
| </p> | ||
| <p> | ||
| Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. | ||
| Vestibulum ac ante nisl, | ||
| a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis | ||
| convallis | ||
| justo vel mattis. | ||
| placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta | ||
| lobortis, enim | ||
| neque fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate ut | ||
| ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing | ||
| elit. | ||
| Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| <section> | ||
| <header> | ||
| <h3>Something else</h3> | ||
| </header> | ||
| <p> | ||
| Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis | ||
| convallis justo vel mattis. | ||
| placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta | ||
| lobortis, | ||
| enim neque fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur | ||
| adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| <p> | ||
| Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim | ||
| neque | ||
| fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur | ||
| adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| </section> | ||
| <section> | ||
| <header> | ||
| <h3>So in conclusion ...</h3> | ||
| </header> | ||
| <p> | ||
| Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim | ||
| neque | ||
| fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur | ||
| adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper | ||
| risus et | ||
| lectus commodo fringilla. | ||
| Maecenas sagittis convallis justo vel mattis. | ||
| </p> | ||
| </section> | ||
| </article> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Footer --> | ||
| <div id="footer-wrapper"> | ||
| <section id="footer" class="container"> | ||
|
|
||
| <div class="row"> | ||
| <div class="8u 24u(mobile)"> | ||
| <section> | ||
| <header> | ||
| <h2>Where we are located</h2> | ||
| </header> | ||
| <img src="/images/map.png" width="100%"/> | ||
| </section> | ||
| </div> | ||
| <div class="4u 12u(mobile)"> | ||
| <section> | ||
| <header> | ||
| <h2>Contact Information</h2> | ||
| </header> | ||
| <ul class="contact"> | ||
| <li> | ||
| <h3>Address</h3> | ||
| <p> | ||
| Contemporary Museum<br/> | ||
| 1000 Constitution Ave NW<br/> | ||
| Washington, DC | ||
| </p> | ||
| </li> | ||
| <li> | ||
| <h3>Mail</h3> | ||
| <p><a href="#">information@contempmuseum.org</a></p> | ||
| </li> | ||
| <li> | ||
| <h3>Phone</h3> | ||
| <p>(800) 746-9384</p> | ||
| </li> | ||
| </ul> | ||
| </section> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="12u" style="width: 100%"> | ||
| <!-- Copyright --> | ||
| <div id="copyright"> | ||
| <ul class="links"> | ||
| <li>© 2016 Anshul Chimaladinne, Prithvi Shivaraman, Allen Ren, James Smith. All | ||
| Rights | ||
| Reserved. | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- Scripts --> | ||
| <script src="/assets/js/jquery.min.js"></script> | ||
| <script src="/assets/js/jquery.dropotron.min.js"></script> | ||
| <script src="/assets/js/skel.min.js"></script> | ||
| <script src="/assets/js/skel-viewport.min.js"></script> | ||
| <script src="/assets/js/util.js"></script> | ||
| <!--[if lte IE 8]> | ||
| <script src="/assets/js/ie/respond.min.js"></script><![endif]--> | ||
| <script src="/assets/js/main.js"></script> | ||
|
|
||
| </body> | ||
| </html> |
| @@ -1,224 +1,249 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>Contemporary Era Museum</title> | ||
| <meta charset="utf-8"/> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"/> | ||
| <!--[if lte IE 8]> | ||
| <script src="/assets/js/ie/html5shiv.js"></script><![endif]--> | ||
| <link rel="stylesheet" href="/assets/css/main.css"/> | ||
| <!--[if lte IE 8]> | ||
| <link rel="stylesheet" href="/assets/css/ie8.css"/><![endif]--> | ||
| </head> | ||
| <body> | ||
| <div id="page-wrapper"> | ||
|
|
||
| <!-- Header --> | ||
| <div id="header-wrapper"> | ||
| <div id="header"> | ||
|
|
||
| <!-- Logo --> | ||
| <h1><a href="/index.html">Contemporary Era Museum</a></h1> | ||
|
|
||
| <!-- Nav --> | ||
| <nav id="nav"> | ||
| <ul> | ||
| <<<<<<< Updated upstream | ||
| <li class="current"><a href="/index.html">Home</a></li> | ||
| <li> | ||
| <a href="/index.html#exhibits">Exhibits</a> | ||
| <ul> | ||
| <li><a href="/exhibits/americas.html">Americas</a></li> | ||
| <li><a href="/exhibits/europe.html">Europe</a></li> | ||
| <li><a href="/exhibits/asia.html">Asia</a></li> | ||
| <li><a href="/exhibits/africa.html">Africa</a></li> | ||
| </ul> | ||
| </li> | ||
| <li><a href="/gift-shop.html">Gift Shop</a></li> | ||
| <li><a href="/workscited.html">Works Cited</a></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Main --> | ||
| <div id="main-wrapper"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="4u 12u(mobile)"> | ||
|
|
||
| <!-- Sidebar --> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 1</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 2</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 3</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 4</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
|
|
||
| </div> | ||
| <div class="8u 12u(mobile) important(mobile)"> | ||
|
|
||
| <!-- Content --> | ||
| <article class="box post"> | ||
| <a href="#" class="image featured"><img src="/images/pic01.jpg" alt=""/></a> | ||
| <header> | ||
| <h2>Left Sidebar</h2> | ||
| <p>Lorem ipsum dolor sit amet feugiat</p> | ||
| </header> | ||
| <p> | ||
| Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam | ||
| faucibus ante | ||
| dignissim auctor | ||
| hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at | ||
| accumsan | ||
| turpis commodo. | ||
| Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam | ||
| justo | ||
| adipiscing ante. | ||
| Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus. | ||
| </p> | ||
| <p> | ||
| Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. | ||
| Vestibulum ac ante nisl, | ||
| a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis | ||
| convallis | ||
| justo vel mattis. | ||
| placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta | ||
| lobortis, enim | ||
| neque fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate ut | ||
| ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing | ||
| elit. | ||
| Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| <section> | ||
| <header> | ||
| <h3>Something else</h3> | ||
| </header> | ||
| <p> | ||
| Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis | ||
| convallis justo vel mattis. | ||
| placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta | ||
| lobortis, | ||
| enim neque fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur | ||
| adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| <p> | ||
| Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim | ||
| neque | ||
| fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur | ||
| adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| </section> | ||
| <section> | ||
| <header> | ||
| <h3>So in conclusion ...</h3> | ||
| </header> | ||
| <p> | ||
| Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim | ||
| neque | ||
| fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur | ||
| adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper | ||
| risus et | ||
| lectus commodo fringilla. | ||
| Maecenas sagittis convallis justo vel mattis. | ||
| </p> | ||
| </section> | ||
| </article> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Footer --> | ||
| <div id="footer-wrapper"> | ||
| <section id="footer" class="container"> | ||
|
|
||
| <div class="row"> | ||
| <div class="8u 24u(mobile)"> | ||
| <section> | ||
| <header> | ||
| <h2>Where we are located</h2> | ||
| </header> | ||
| <img src="/images/map.png" width="100%"/> | ||
| </section> | ||
| </div> | ||
| <div class="4u 12u(mobile)"> | ||
| <section> | ||
| <header> | ||
| <h2>Contact Information</h2> | ||
| </header> | ||
| <ul class="contact"> | ||
| <li> | ||
| <h3>Address</h3> | ||
| <p> | ||
| Contemporary Museum<br/> | ||
| 1000 Constitution Ave NW<br/> | ||
| Washington, DC | ||
| </p> | ||
| </li> | ||
| <li> | ||
| <h3>Mail</h3> | ||
| <p><a href="#">information@contempmuseum.org</a></p> | ||
| </li> | ||
| <li> | ||
| <h3>Phone</h3> | ||
| <p>(800) 746-9384</p> | ||
| </li> | ||
| </ul> | ||
| </section> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="12u" style="width: 100%"> | ||
| <!-- Copyright --> | ||
| <div id="copyright"> | ||
| <ul class="links"> | ||
| <li>© 2016 Anshul Chimaladinne, Prithvi Shivaraman, Allen Ren, James Smith. All | ||
| Rights | ||
| Reserved. | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- Scripts --> | ||
| <script src="/assets/js/jquery.min.js"></script> | ||
| <script src="/assets/js/jquery.dropotron.min.js"></script> | ||
| <script src="/assets/js/skel.min.js"></script> | ||
| <script src="/assets/js/skel-viewport.min.js"></script> | ||
| <script src="/assets/js/util.js"></script> | ||
| <!--[if lte IE 8]> | ||
| <script src="/assets/js/ie/respond.min.js"></script><![endif]--> | ||
| <script src="/assets/js/main.js"></script> | ||
|
|
||
| </body> | ||
| </html> |
| @@ -1,225 +1,229 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>Contemporary Era Museum</title> | ||
| <meta charset="utf-8"/> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"/> | ||
| <!--[if lte IE 8]> | ||
| <script src="/assets/js/ie/html5shiv.js"></script><![endif]--> | ||
| <link rel="stylesheet" href="/assets/css/main.css"/> | ||
| <!--[if lte IE 8]> | ||
| <link rel="stylesheet" href="/assets/css/ie8.css"/><![endif]--> | ||
| </head> | ||
| <body> | ||
| <div id="page-wrapper"> | ||
|
|
||
| <!-- Header --> | ||
| <div id="header-wrapper"> | ||
| <div id="header"> | ||
|
|
||
| <!-- Logo --> | ||
| <h1><a href="/index.html">Contemporary Era Museum</a></h1> | ||
|
|
||
| <!-- Nav --> | ||
| <nav id="nav"> | ||
| <ul> | ||
| <li class="current"><a href="/index.html">Home</a></li> | ||
| <li> | ||
| <a href="/index.html#exhibits">Exhibits</a> | ||
| <ul> | ||
| <li><a href="/exhibits/americas.html">Americas</a></li> | ||
| <li><a href="/exhibits/europe.html">Europe</a></li> | ||
| <li><a href="/exhibits/asia.html">Asia</a></li> | ||
| <li><a href="/exhibits/africa.html">Africa</a></li> | ||
| </ul> | ||
| </li> | ||
| <li><a href="/gift-shop.html">Gift Shop</a></li> | ||
| <li><a href="/workscited.html">Works Cited</a></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Main --> | ||
| <div id="main-wrapper"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="4u 12u(mobile)"> | ||
|
|
||
| <!-- Sidebar --> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 1</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 2</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 3</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 4</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| </div> | ||
| <div class="8u 12u(mobile) important(mobile)"> | ||
|
|
||
| <!-- Content --> | ||
| <article class="box post"> | ||
| <a href="#" class="image featured"><img src="/images/pic01.jpg" alt=""/></a> | ||
| <header> | ||
| <h2>Left Sidebar</h2> | ||
| <p>Lorem ipsum dolor sit amet feugiat</p> | ||
| </header> | ||
| <p> | ||
| Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante | ||
| dignissim auctor | ||
| hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan | ||
| turpis commodo. | ||
| Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo | ||
| adipiscing ante. | ||
| Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus. | ||
| </p> | ||
| <p> | ||
| Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. | ||
| Vestibulum ac ante nisl, | ||
| a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis | ||
| justo vel mattis. | ||
| placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim | ||
| neque fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut | ||
| ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
| Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| <section> | ||
| <header> | ||
| <h3>Something else</h3> | ||
| </header> | ||
| <p> | ||
| Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis | ||
| convallis justo vel mattis. | ||
| placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, | ||
| enim neque fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| <p> | ||
| Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque | ||
| fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| </section> | ||
| <section> | ||
| <header> | ||
| <h3>So in conclusion ...</h3> | ||
| </header> | ||
| <p> | ||
| Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque | ||
| fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et | ||
| lectus commodo fringilla. | ||
| Maecenas sagittis convallis justo vel mattis. | ||
| </p> | ||
| </section> | ||
| </article> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Footer --> | ||
| <div id="footer-wrapper"> | ||
| <section id="footer" class="container"> | ||
|
|
||
| <div class="row"> | ||
| <div class="8u 24u(mobile)"> | ||
| <section> | ||
| <header> | ||
| <h2>Where we are located</h2> | ||
| </header> | ||
| <img src="/images/map.png" width="100%"/> | ||
| </section> | ||
| </div> | ||
| <div class="4u 12u(mobile)"> | ||
| <section> | ||
| <header> | ||
| <h2>Contact Information</h2> | ||
| </header> | ||
| <ul class="contact"> | ||
| <li> | ||
| <h3>Address</h3> | ||
| <p> | ||
| Contemporary Museum<br/> | ||
| 1000 Constitution Ave NW<br/> | ||
| Washington, DC | ||
| </p> | ||
| </li> | ||
| <li> | ||
| <h3>Mail</h3> | ||
| <p><a href="#">information@contempmuseum.org</a></p> | ||
| </li> | ||
| <li> | ||
| <h3>Phone</h3> | ||
| <p>(800) 746-9384</p> | ||
| </li> | ||
| </ul> | ||
| </section> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="12u" style="width: 100%"> | ||
| <!-- Copyright --> | ||
| <div id="copyright"> | ||
| <ul class="links"> | ||
| <li>© 2016 Anshul Chimaladinne, Prithvi Shivaraman, Allen Ren, James Smith. All Rights | ||
| Reserved. | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- Scripts --> | ||
| <script src="/assets/js/jquery.min.js"></script> | ||
| <script src="/assets/js/jquery.dropotron.min.js"></script> | ||
| <script src="/assets/js/skel.min.js"></script> | ||
| <script src="/assets/js/skel-viewport.min.js"></script> | ||
| <script src="/assets/js/util.js"></script> | ||
| <!--[if lte IE 8]> | ||
| <script src="/assets/js/ie/respond.min.js"></script><![endif]--> | ||
| <script src="/assets/js/main.js"></script> | ||
|
|
||
| </body> | ||
| </html> |
| @@ -1,224 +1,248 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>Contemporary Era Museum</title> | ||
| <meta charset="utf-8"/> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"/> | ||
| <!--[if lte IE 8]> | ||
| <script src="/assets/js/ie/html5shiv.js"></script><![endif]--> | ||
| <link rel="stylesheet" href="/assets/css/main.css"/> | ||
| <!--[if lte IE 8]> | ||
| <link rel="stylesheet" href="/assets/css/ie8.css"/><![endif]--> | ||
| </head> | ||
| <body> | ||
| <div id="page-wrapper"> | ||
|
|
||
| <!-- Header --> | ||
| <div id="header-wrapper"> | ||
| <div id="header"> | ||
|
|
||
| <!-- Logo --> | ||
| <h1><a href="/index.html">Contemporary Era Museum</a></h1> | ||
|
|
||
| <!-- Nav --> | ||
| <nav id="nav"> | ||
| <ul> | ||
| <li class="current"><a href="/index.html">Home</a></li> | ||
| <li> | ||
| <a href="/index.html#exhibits">Exhibits</a> | ||
| <ul> | ||
| <li><a href="/exhibits/americas.html">Americas</a></li> | ||
| <li><a href="/exhibits/europe.html">Europe</a></li> | ||
| <li><a href="/exhibits/asia.html">Asia</a></li> | ||
| <li><a href="/exhibits/africa.html">Africa</a></li> | ||
| </ul> | ||
| </li> | ||
| <li><a href="/gift-shop.html">Gift Shop</a></li> | ||
| <li><a href="/workscited.html">Works Cited</a></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Main --> | ||
| <div id="main-wrapper"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="4u 12u(mobile)"> | ||
|
|
||
| <!-- Sidebar --> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 1</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 2</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 3</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
| <section class="box"> | ||
| <a href="#" class="image featured"><img src="/images/pic09.jpg" alt=""/></a> | ||
| <header> | ||
| <h3>Item 4</h3> | ||
| </header> | ||
| <p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit | ||
| adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> | ||
| </section> | ||
|
|
||
| </div> | ||
| <div class="8u 12u(mobile) important(mobile)"> | ||
|
|
||
| <!-- Content --> | ||
| <article class="box post"> | ||
| <a href="#" class="image featured"><img src="/images/pic01.jpg" alt=""/></a> | ||
| <header> | ||
| <h2>Left Sidebar</h2> | ||
| <p>Lorem ipsum dolor sit amet feugiat</p> | ||
| </header> | ||
| <p> | ||
| Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam | ||
| faucibus ante | ||
| dignissim auctor | ||
| hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at | ||
| accumsan | ||
| turpis commodo. | ||
| Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam | ||
| justo | ||
| adipiscing ante. | ||
| Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus. | ||
| </p> | ||
| <p> | ||
| Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. | ||
| Vestibulum ac ante nisl, | ||
| a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis | ||
| convallis | ||
| justo vel mattis. | ||
| placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta | ||
| lobortis, enim | ||
| neque fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate ut | ||
| ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing | ||
| elit. | ||
| Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| <section> | ||
| <header> | ||
| <h3>Something else</h3> | ||
| </header> | ||
| <p> | ||
| Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis | ||
| convallis justo vel mattis. | ||
| placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta | ||
| lobortis, | ||
| enim neque fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur | ||
| adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| <p> | ||
| Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim | ||
| neque | ||
| fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur | ||
| adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. | ||
| </p> | ||
| </section> | ||
| <section> | ||
| <header> | ||
| <h3>So in conclusion ...</h3> | ||
| </header> | ||
| <p> | ||
| Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim | ||
| neque | ||
| fringilla nunc, | ||
| eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum | ||
| vulputate | ||
| ut ut mi. Aenean | ||
| elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur | ||
| adipiscing | ||
| elit. Lorem ipsum dolor | ||
| sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper | ||
| risus et | ||
| lectus commodo fringilla. | ||
| Maecenas sagittis convallis justo vel mattis. | ||
| </p> | ||
| </section> | ||
| </article> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Footer --> | ||
| <div id="footer-wrapper"> | ||
| <section id="footer" class="container"> | ||
|
|
||
| <div class="row"> | ||
| <div class="8u 24u(mobile)"> | ||
| <section> | ||
| <header> | ||
| <h2>Where we are located</h2> | ||
| </header> | ||
| <img src="/images/map.png" width="100%"/> | ||
| </section> | ||
| </div> | ||
| <div class="4u 12u(mobile)"> | ||
| <section> | ||
| <header> | ||
| <h2>Contact Information</h2> | ||
| </header> | ||
| <ul class="contact"> | ||
| <li> | ||
| <h3>Address</h3> | ||
| <p> | ||
| Contemporary Museum<br/> | ||
| 1000 Constitution Ave NW<br/> | ||
| Washington, DC | ||
| </p> | ||
| </li> | ||
| <li> | ||
| <h3>Mail</h3> | ||
| <p><a href="#">information@contempmuseum.org</a></p> | ||
| </li> | ||
| <li> | ||
| <h3>Phone</h3> | ||
| <p>(800) 746-9384</p> | ||
| </li> | ||
| </ul> | ||
| </section> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="12u" style="width: 100%"> | ||
| <!-- Copyright --> | ||
| <div id="copyright"> | ||
| <ul class="links"> | ||
| <li>© 2016 Anshul Chimaladinne, Prithvi Shivaraman, Allen Ren, James Smith. All | ||
| Rights | ||
| Reserved. | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- Scripts --> | ||
| <script src="/assets/js/jquery.min.js"></script> | ||
| <script src="/assets/js/jquery.dropotron.min.js"></script> | ||
| <script src="/assets/js/skel.min.js"></script> | ||
| <script src="/assets/js/skel-viewport.min.js"></script> | ||
| <script src="/assets/js/util.js"></script> | ||
| <!--[if lte IE 8]> | ||
| <script src="/assets/js/ie/respond.min.js"></script><![endif]--> | ||
| <script src="/assets/js/main.js"></script> | ||
|
|
||
| </body> | ||
| </html> |