patternlibrary/design-output/insights_insight.html

248 lines
11 KiB
HTML
Raw Normal View History

2018-06-21 01:38:13 +00:00
<!doctype html>
<html lang="en-US">
<head>
<title>Insight | Agaric</title>
<link rel="stylesheet" href="../assets/css/agaric.css">
</head>
<body>
<div class="is-fixed">
<nav class="navbar" id="navbar">
<div class="navbar-brand">
<a class="navbar-item" href="index.html">
<svg version="1.1" id="logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 95 37" style="enable-background:new 0 0 95 37;" xml:space="preserve">
<path class="logo-color" d="M13,8.8c-0.7-0.8-1.5-1.3-2.4-1.7C9.7,6.7,8.8,6.5,7.8,6.5c-2.2,0-4,0.8-5.5,2.5C0.8,10.6,0,12.7,0,15.3
c0,2.5,0.8,4.5,2.3,6.2c1.6,1.7,3.4,2.5,5.5,2.5c1,0,1.8-0.2,2.7-0.5c0.8-0.3,1.6-0.9,2.4-1.7v1.8h4.2V6.9H13V8.8z M11.9,18.8
c-0.9,0.9-1.9,1.4-3.2,1.4c-1.3,0-2.3-0.5-3.2-1.4c-0.9-0.9-1.3-2.1-1.3-3.5c0-1.4,0.4-2.6,1.3-3.5c0.8-0.9,1.9-1.4,3.2-1.4
c1.3,0,2.4,0.4,3.3,1.3c0.9,0.9,1.3,2.1,1.3,3.5C13.2,16.7,12.7,17.9,11.9,18.8z"/>
<path class="logo-color" d="M55.5,23.5V6.9h-4.2v1.8c-0.7-0.8-1.5-1.3-2.4-1.7c-0.9-0.4-1.8-0.6-2.8-0.6c-2.2,0-4,0.8-5.5,2.5
c-1.5,1.6-2.3,3.7-2.3,6.3c0,2.5,0.8,4.5,2.3,6.2c1.6,1.7,3.4,2.5,5.5,2.5c1,0,1.8-0.2,2.7-0.5c0.8-0.3,1.6-0.9,2.4-1.7v1.8H55.5z
M50.2,18.8c-0.9,0.9-1.9,1.4-3.2,1.4c-1.3,0-2.3-0.5-3.2-1.4c-0.9-0.9-1.3-2.1-1.3-3.5c0-1.4,0.4-2.6,1.3-3.5
c0.8-0.9,1.9-1.4,3.2-1.4c1.3,0,2.4,0.4,3.3,1.3c0.9,0.9,1.3,2.1,1.3,3.5C51.5,16.7,51.1,17.9,50.2,18.8z"/>
<path class="logo-color" d="M86.8,20.1c-1.5,0-2.7-0.4-3.6-1.3c-0.9-0.9-1.4-2-1.4-3.4c0-1.4,0.5-2.6,1.4-3.6c1-0.9,2.2-1.4,3.8-1.4
c0.9,0,1.6,0.1,2.2,0.4c0.6,0.3,1.3,0.7,1.9,1.4l3.5-1.9c-0.8-1.2-1.9-2.1-3.2-2.8c-1.3-0.7-2.8-1-4.4-1c-1.8,0-3.4,0.4-4.8,1.2
c-1.4,0.8-2.6,1.8-3.4,3.2c-0.8,1.3-1.2,2.8-1.2,4.4c0,2.3,0.8,4.3,2.5,6.1c1.6,1.7,3.9,2.6,6.8,2.6c3.2,0,5.7-1.2,7.5-3.5
l-3.3-2.2C90.1,19.5,88.6,20.1,86.8,20.1z"/>
<path class="logo-color" d="M34.2,5.7l-1.7,1.7c-1.1-0.6-2.4-1-3.7-1c-7.6,0-9.1,5.6-9.1,8.7c0,1.6,0.4,3.9,1.9,5.7
c-1.4,2.2-2.9,6.2-1.7,9.8c0.3,1.4,1.1,2.6,2.3,3.7c1.6,1.5,3.6,2.2,5.9,2.2c0,0,0,0,0,0c0,0,0,0,0,0c2.3,0,4.3-0.7,5.9-2.2
c1.6-1.5,2.4-3.3,2.4-5.4c0-2.2-1.4-3.2-3.3-3.2h-9.7c0.3-1.1,0.7-2.1,1.1-2.7c1.2,0.5,2.6,0.8,4.3,0.8c2.2,0,4.1-0.8,5.6-2.5
c1.5-1.6,2.3-3.7,2.3-6.2c0-2-0.5-3.7-1.4-5.1l1.7-1.7L34.2,5.7z M32.6,29.5c-0.1,0.9-0.5,1.6-1.2,2.2c-0.9,0.9-2,1.3-3.4,1.3
c0,0,0,0-0.1,0l0,0l0,0c0,0,0,0-0.1,0c-1.4,0-2.4-0.4-3.4-1.3c-0.7-0.7-1.1-1.4-1.2-2.2H32.6z M31.2,18.7c-0.9,0.9-1.9,1.4-3.2,1.4
c-1.3,0-2.4-0.5-3.2-1.4c-0.9-0.9-1.3-2.1-1.3-3.6c0-1.4,0.4-2.6,1.3-3.5c0.9-0.9,1.9-1.3,3.3-1.3c1.3,0,2.4,0.5,3.2,1.4
c0.8,0.9,1.3,2.1,1.3,3.5C32.5,16.6,32.1,17.8,31.2,18.7z"/>
<rect x="71.4" y="6.9" class="logo-color" width="4.2" height="16.6"/>
<circle class="logo-color" cx="73.5" cy="2.7" r="2.7"/>
<rect x="38.3" y="25.9" class="logo-color" width="55.6" height="3.6"/>
<rect x="0.8" y="25.9" class="logo-color" width="16.4" height="3.6"/>
<path class="logo-color" d="M58.3,6.9v16.6h4.1v-8.6c0-3.2,1-4.7,3.1-4.7c0.7,0,1.4,0.3,2.1,0.8l1.8-3.5c-1.1-0.7-2.2-1-3.2-1
c-0.8,0-1.4,0.1-2,0.4c-0.5,0.3-1.2,0.8-1.9,1.5V6.9H58.3z"/>
</svg>
</a>
<div class="navbar-burger burger" data-target="navMenuColorblack-example">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div id="navbar-menu" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item " href="#" title="Services">Services</a>
<a class="navbar-item " href="#" title="Work">Work</a>
<a class="navbar-item " href="#" title="Initiatives">Initiatives</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link is-active" href="#" title="About">About</a>
<div class="navbar-dropdown">
<a class="navbar-item is-active" href="#" title="Team">Team</a>
<a class="navbar-item " href="#" title="Events">Events</a>
</div>
</div>
<a class="navbar-item " href="#" title="Insights">Insights</a>
<a class="navbar-item " href="#" title="Contact">Contact</a>
<div class="navbar-item">
<a href="search.html" title="Search" class="navbar-item">
<span class="icon"><span class="agc agc-search"></span></span>
</a>
</div>
</div>
</div>
</nav>
</div>
<section class="hero" data-headerbg="light">
<div class="hero-body">
<div class="container">
<h1 class="title is-2">Insight Title</h1>
</div>
</div>
</section>
<section class="section" data-headerbg="light">
<div class="container">
<div class="columns content">
<div class="column is-one-third">
<img src="/assets/img/fpo-landscape.png" alt="">
</div>
<div class="column is-two-thirds">
<h4>Lorem ipsum dolor sit amet</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia culpa, doloribus incidunt? Magni distinctio officiis odio animi unde porro, necessitatibus ut eius! Reprehenderit sunt cumque quidem debitis illo, aperiam, eos!</p>
<p>Autem nemo, corporis. Necessitatibus quae assumenda ut tempora sit, delectus eaque error autem placeat quibusdam ipsam impedit molestiae esse aliquid nam tempore eligendi ad asperiores nostrum. Molestiae veritatis, dolores libero.</p>
<p>Architecto, reprehenderit, unde. Quo iste fuga minima molestiae non quidem animi provident saepe ad quisquam fugiat natus, ex odio corrupti aut sequi at alias numquam esse. Nemo, laboriosam! Voluptatum, cumque.</p>
<p>Fugiat assumenda, harum reiciendis, natus cupiditate repellendus neque officiis laborum modi magni, saepe voluptatem nemo sapiente! Doloribus doloremque, minus, ipsam culpa error possimus quo repudiandae aspernatur nam, accusamus facere eligendi!</p>
<p>Dolor officia aliquam nostrum necessitatibus repudiandae quod sequi est tempora cumque libero esse velit, dolore adipisci, placeat deserunt facere eveniet molestias nesciunt perferendis ea asperiores vitae laudantium similique recusandae dolores.</p>
<h4>Lorem ipsum dolor sit amet</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At repellendus odit veritatis quibusdam non, eos aliquam laboriosam quaerat illo odio nam eum rerum est exercitationem. Velit quas, nemo deserunt itaque!</p>
<p>Reiciendis ullam, placeat facilis. Cumque eum quam est architecto nulla provident modi itaque, accusamus qui dolores dolorum beatae consequuntur, alias eveniet sapiente in unde aperiam, laboriosam delectus! Modi, dolores aliquid.</p>
<p>Nemo inventore aspernatur odio quo laborum earum nobis, culpa alias corporis. Hic aut, natus ipsa, laudantium a inventore quaerat nihil possimus ullam fugiat obcaecati voluptatem delectus sunt corrupti culpa necessitatibus?</p>
</div>
</div>
</div>
</section>
<section class="section related" data-headerbg="light">
<div class="container">
<div class="titlebar titlebar-bigborder content">
<div class="titlebar_title">
<h3 class="subtitle is-mono is-4">Comments</h3>
</div>
<div class="titlebar_links">
<a href="#">Add new comment</a>
</div>
</div>
<div class="content">
<div class="media media-comment">
<div class="media-left">
<p>
12/31/2017<br> 23:26
<br> Brian Perry</p>
</div>
<div class="media-content">
<h3 class="title is-5">Enjoyed The Recap</h3>
<p>We had a good Nintendo chat at Drupal Camp Twin Cities. Did you get a chance to play the new Zelda or Mario games? If not, I hope that is part of your 2018 :)</p>
<p><a href="#">Reply</a></p>
<div class="media media-comment">
<div class="media-left">
<p>
12/31/2017<br> 23:26
<br> Brian Perry</p>
</div>
<div class="media-content">
<h3 class="title is-5">Lorem ipsum dolor.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit exercitationem provident quos, aut reprehenderit animi repellendus accusamus odio nisi? Quaerat doloremque nostrum cupiditate fuga quam, sit, sint harum ab excepturi.</p>
<p><a href="#">Reply</a></p>
</div>
</div>
</div>
</div>
<div class="media media-comment">
<div class="media-left">
<p>
12/31/2017<br> 23:26
<br> Brian Perry</p>
</div>
<div class="media-content">
<h3 class="title is-5">Lorem ipsum dolor sit amet.</h3>
<p>Consectetur adipisicing elit. Quasi vel tempore error dicta labore nam repellat, facilis animi accusamus molestias aspernatur, modi, deleniti cupiditate ullam, similique mollitia blanditiis numquam magni.</p>
<p><a href="#">Reply</a></p>
</div>
</div>
<div class="media media-comment">
<div class="media-left">
<p>
12/31/2017<br> 23:26
<br> Brian Perry</p>
</div>
<div class="media-content">
<h3 class="title is-5">Dolor sit amet, consectetur</h3>
<p>Sit amet, consectetur adipisicing elit. Cupiditate placeat perferendis totam optio quis laudantium, distinctio voluptas beatae hic temporibus error quibusdam, in at illo eligendi incidunt. Nostrum, nihil eum.</p>
<p><a href="#">Reply</a></p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer" data-headerbg="light">
<div class="container">
<div class="columns">
<div class="column footer-logo is-half">
<a href="#"><span class="icon"><i class="agc agc-logo"></i></span></a>
</div>
<div class="column">
Agaric, LLC 288 Norfolk Street Cambridge, MA 02139
</div>
<div class="column">
S: <a href="#">Twitter</a>
<a href="#">Facebook</a>
<a href="#">RSS</a><br>
T: <a href="#">+1 508 283 3557</a><br>
E: <a href="#">Contact</a>
</div>
<div class="column">
Powered by <a href="#">Drupal</a>
</div>
</div>
</div>
</footer>
<div class="section hero is-dark" data-headerbg="light">
<div class="container">
Design links:
<a href="index.html">Home</a> |
<a href="work.html">Work</a> |
<a href="case_study.html">Case Study</a> |
<a href="initiatives.html">Initiatives</a> |
<a href="initiatives_initiative.html">Initiative</a> |
<a href="about_team.html">Team</a> |
<a href="about_team_member.html">Person</a> |
<a href="about_events.html">Events</a> |
<a href="about_events_event.html">Event</a> |
<a href="insights.html">Insights</a> |
<a href="insights_insight.html">Insight</a> |
<a href="bulma.html">Bulma Elements</a>
</div>
</div>
<script src="../assets/js/jquery-3.2.1.min.js"></script>
<script src="../assets/js/ScrollMagic.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../assets/js/script.js"></script>
</body>
</html>