Reorganize styleguide (pattern library) to distinguish static layouts, styleguide from Sass powering it
This commit is contained in:
benjamin melançon
parent
b9040a7fde
commit
952af16725
235 changed files with 4 additions and 4 deletions
static-layouts
assets
css
img
fpo-5-hands.jpgfpo-activore-berry.jpgfpo-backupify-berry.jpgfpo-ben.jpgfpo-casw-berry.jpgfpo-coop-book.pngfpo-definitive-guide.pngfpo-drtb-connamon.jpgfpo-economiescollective-cinnamon.jpgfpo-education.jpgfpo-fic-home.pngfpo-fic-map.pngfpo-fic-page.pngfpo-findit-cinnamon.jpgfpo-harvard-cinnamon.jpgfpo-jgateways-blue.jpgfpo-landscape.pngfpo-lgbtcenter-blue.jpgfpo-libeskind-blue.jpgfpo-mass-blue.jpgfpo-mauricio.jpgfpo-mentor-laptop.jpgfpo-micky-presentation.pngfpo-micky.jpgfpo-mit-marine.jpgfpo-mushroom.jpgfpo-nic-marine.jpgfpo-openmedia-marine.jpgfpo-pece-dandelion.jpgfpo-pih-dandelion.jpgfpo-portrait.pngfpo-square.pngfpo-stretch.jpgfpo-teachwguts-dandelion.jpgfpo-video-poster.pngfpo-worm-2.jpgfpo-zeit-berry.jpg
design-output
about_events.htmlabout_events_event.htmlabout_team.htmlabout_team_member.htmlbulma.htmlcase_study.htmlindex.htmlinitiatives.htmlinitiatives_initiative.htmlinsights.htmlinsights_insight.htmlwork.html
design-source
10520
static-layouts/assets/css/agaric.css
Normal file
10520
static-layouts/assets/css/agaric.css
Normal file
File diff suppressed because it is too large
Load diff
BIN
static-layouts/assets/css/ajax-loader.gif
Executable file
BIN
static-layouts/assets/css/ajax-loader.gif
Executable file
Binary file not shown.
|
After 
(image error) Size: 4.1 KiB |
BIN
static-layouts/assets/img/fpo-5-hands.jpg
Normal file
BIN
static-layouts/assets/img/fpo-5-hands.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 127 KiB |
BIN
static-layouts/assets/img/fpo-activore-berry.jpg
Normal file
BIN
static-layouts/assets/img/fpo-activore-berry.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 43 KiB |
BIN
static-layouts/assets/img/fpo-backupify-berry.jpg
Normal file
BIN
static-layouts/assets/img/fpo-backupify-berry.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 52 KiB |
BIN
static-layouts/assets/img/fpo-ben.jpg
Normal file
BIN
static-layouts/assets/img/fpo-ben.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 64 KiB |
BIN
static-layouts/assets/img/fpo-casw-berry.jpg
Normal file
BIN
static-layouts/assets/img/fpo-casw-berry.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 34 KiB |
BIN
static-layouts/assets/img/fpo-coop-book.png
Normal file
BIN
static-layouts/assets/img/fpo-coop-book.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 96 KiB |
BIN
static-layouts/assets/img/fpo-definitive-guide.png
Normal file
BIN
static-layouts/assets/img/fpo-definitive-guide.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 163 KiB |
BIN
static-layouts/assets/img/fpo-drtb-connamon.jpg
Normal file
BIN
static-layouts/assets/img/fpo-drtb-connamon.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 18 KiB |
BIN
static-layouts/assets/img/fpo-economiescollective-cinnamon.jpg
Normal file
BIN
static-layouts/assets/img/fpo-economiescollective-cinnamon.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 145 KiB |
BIN
static-layouts/assets/img/fpo-education.jpg
Normal file
BIN
static-layouts/assets/img/fpo-education.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 55 KiB |
BIN
static-layouts/assets/img/fpo-fic-home.png
Normal file
BIN
static-layouts/assets/img/fpo-fic-home.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 596 KiB |
BIN
static-layouts/assets/img/fpo-fic-map.png
Normal file
BIN
static-layouts/assets/img/fpo-fic-map.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 186 KiB |
BIN
static-layouts/assets/img/fpo-fic-page.png
Normal file
BIN
static-layouts/assets/img/fpo-fic-page.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 144 KiB |
BIN
static-layouts/assets/img/fpo-findit-cinnamon.jpg
Normal file
BIN
static-layouts/assets/img/fpo-findit-cinnamon.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 59 KiB |
BIN
static-layouts/assets/img/fpo-harvard-cinnamon.jpg
Normal file
BIN
static-layouts/assets/img/fpo-harvard-cinnamon.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 72 KiB |
BIN
static-layouts/assets/img/fpo-jgateways-blue.jpg
Normal file
BIN
static-layouts/assets/img/fpo-jgateways-blue.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 166 KiB |
BIN
static-layouts/assets/img/fpo-landscape.png
Normal file
BIN
static-layouts/assets/img/fpo-landscape.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 13 KiB |
BIN
static-layouts/assets/img/fpo-lgbtcenter-blue.jpg
Normal file
BIN
static-layouts/assets/img/fpo-lgbtcenter-blue.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 104 KiB |
BIN
static-layouts/assets/img/fpo-libeskind-blue.jpg
Normal file
BIN
static-layouts/assets/img/fpo-libeskind-blue.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 69 KiB |
BIN
static-layouts/assets/img/fpo-mass-blue.jpg
Normal file
BIN
static-layouts/assets/img/fpo-mass-blue.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 76 KiB |
BIN
static-layouts/assets/img/fpo-mauricio.jpg
Normal file
BIN
static-layouts/assets/img/fpo-mauricio.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 86 KiB |
BIN
static-layouts/assets/img/fpo-mentor-laptop.jpg
Normal file
BIN
static-layouts/assets/img/fpo-mentor-laptop.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 50 KiB |
BIN
static-layouts/assets/img/fpo-micky-presentation.png
Normal file
BIN
static-layouts/assets/img/fpo-micky-presentation.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 319 KiB |
BIN
static-layouts/assets/img/fpo-micky.jpg
Normal file
BIN
static-layouts/assets/img/fpo-micky.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 109 KiB |
BIN
static-layouts/assets/img/fpo-mit-marine.jpg
Normal file
BIN
static-layouts/assets/img/fpo-mit-marine.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 94 KiB |
BIN
static-layouts/assets/img/fpo-mushroom.jpg
Normal file
BIN
static-layouts/assets/img/fpo-mushroom.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 68 KiB |
BIN
static-layouts/assets/img/fpo-nic-marine.jpg
Normal file
BIN
static-layouts/assets/img/fpo-nic-marine.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 69 KiB |
BIN
static-layouts/assets/img/fpo-openmedia-marine.jpg
Normal file
BIN
static-layouts/assets/img/fpo-openmedia-marine.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 38 KiB |
BIN
static-layouts/assets/img/fpo-pece-dandelion.jpg
Normal file
BIN
static-layouts/assets/img/fpo-pece-dandelion.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 180 KiB |
BIN
static-layouts/assets/img/fpo-pih-dandelion.jpg
Normal file
BIN
static-layouts/assets/img/fpo-pih-dandelion.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 139 KiB |
BIN
static-layouts/assets/img/fpo-portrait.png
Normal file
BIN
static-layouts/assets/img/fpo-portrait.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 6.5 KiB |
BIN
static-layouts/assets/img/fpo-square.png
Normal file
BIN
static-layouts/assets/img/fpo-square.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 1.6 KiB |
BIN
static-layouts/assets/img/fpo-stretch.jpg
Normal file
BIN
static-layouts/assets/img/fpo-stretch.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 48 KiB |
BIN
static-layouts/assets/img/fpo-teachwguts-dandelion.jpg
Normal file
BIN
static-layouts/assets/img/fpo-teachwguts-dandelion.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 98 KiB |
BIN
static-layouts/assets/img/fpo-video-poster.png
Normal file
BIN
static-layouts/assets/img/fpo-video-poster.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 1.5 MiB |
BIN
static-layouts/assets/img/fpo-worm-2.jpg
Normal file
BIN
static-layouts/assets/img/fpo-worm-2.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 90 KiB |
BIN
static-layouts/assets/img/fpo-zeit-berry.jpg
Normal file
BIN
static-layouts/assets/img/fpo-zeit-berry.jpg
Normal file
Binary file not shown.
|
After 
(image error) Size: 43 KiB |
251
static-layouts/design-output/about_events.html
Normal file
251
static-layouts/design-output/about_events.html
Normal file
|
|
@ -0,0 +1,251 @@
|
|||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Events | 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">
|
||||
<div class="titlebar">
|
||||
<div class="titlebar_title">
|
||||
<h1 class="title is-2">Events</h1>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li class="is-active"><a>Upcoming Events</a></li>
|
||||
<li><a>Past Events</a></li>
|
||||
<li>
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>All</option>
|
||||
<option>Speaking</option>
|
||||
<option>Training</option>
|
||||
<option>...</option>
|
||||
</select>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
|
||||
<div class="flow content">
|
||||
<div class="flow_left">
|
||||
<h3 class="title is-4 is-blue">2018</h3>
|
||||
</div>
|
||||
<div class="flow_middle">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">June 4</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">June 5, 2017</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">June 6, 2017</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flow_left">
|
||||
<h3 class="title is-4 is-blue">2019</h3>
|
||||
</div>
|
||||
<div class="flow_middle">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">July 11</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">July 12</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">July 13</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">July 14</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="pagination" role="navigation" aria-label="pagination">
|
||||
<a class="pagination-previous" title="This is the first page" disabled>Previous</a>
|
||||
<a class="pagination-next">Next page</a>
|
||||
<ul class="pagination-list">
|
||||
<li>
|
||||
<a class="pagination-link is-current" aria-label="Page 1" aria-current="page">1</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pagination-link" aria-label="Goto page 2">2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pagination-link" aria-label="Goto page 3">3</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</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>
|
||||
|
||||
215
static-layouts/design-output/about_events_event.html
Normal file
215
static-layouts/design-output/about_events_event.html
Normal file
|
|
@ -0,0 +1,215 @@
|
|||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Event | 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">Event 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. Porro hic totam debitis voluptate. Blanditiis iste expedita reprehenderit consequatur veritatis, nam sunt odio dolor ratione omnis veniam tempore provident labore libero.</p>
|
||||
<div class="coltrol">
|
||||
<button class="button is-primary is-rounded">Register</button>
|
||||
</div>
|
||||
</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">Upcoming Events</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</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>
|
||||
|
||||
302
static-layouts/design-output/about_team.html
Normal file
302
static-layouts/design-output/about_team.html
Normal file
|
|
@ -0,0 +1,302 @@
|
|||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Team | 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 is-dark">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="titlebar">
|
||||
<div class="titlebar_title">
|
||||
<h1 class="title is-2">Team</h1>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li class="is-active"><a>Active Members</a></li>
|
||||
<li><a>Past Members</a></li>
|
||||
<li><a>Partners</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
|
||||
<div class="columns is-equal-height is-multiline">
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-ben.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Ben Melançon</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-micky.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Micky Metts</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mauricio.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Mauricio Dinarte</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-micky.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Micky Metts</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mauricio.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Mauricio Dinarte</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-ben.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Ben Melançon</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-ben.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Ben Melançon</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-micky.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Micky Metts</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mauricio.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Mauricio Dinarte</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-micky.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Micky Metts</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mauricio.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Mauricio Dinarte</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-ben.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Ben Melançon</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</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>
|
||||
|
||||
322
static-layouts/design-output/about_team_member.html
Normal file
322
static-layouts/design-output/about_team_member.html
Normal file
|
|
@ -0,0 +1,322 @@
|
|||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Team Member | 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 hero-person is-blue">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-mauricio.jpg" alt="">
|
||||
<h1 class="title">Mauricio Dinarte</h1>
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h2 class="subtitle">Principal/Drupal Developer</h2>
|
||||
<p>Mauricio ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
|
||||
ut aliquip ex ea commodo consequat.</p>
|
||||
</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">Recent Posts</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 ">Dolor sit amet, consectetuer adipiscing elit, sed diam ibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5">Suscipit lobortis nisl ut aliquip ex ea commodo consequat</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</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">Upcoming Events</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</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">Recent Projects</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-backupify-berry.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Backupify</p>
|
||||
<p class="subtitle">Secure cloud management tool</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Find It Cambridge</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-pih-dandelion.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Partners in Health</p>
|
||||
<p class="subtitle">Multi-lingual global website</p>
|
||||
</div>
|
||||
</a>
|
||||
</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">Recent Initiatives</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-stretch.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Drupal Training</p>
|
||||
<p class="subtitle">Ut wisi enim ad minim veniam</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mentor-laptop.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">May First / People Link</p>
|
||||
<p class="subtitle">Ut wisi enim ad minim veniam</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-education.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Drupal 8 Migration</p>
|
||||
<p class="subtitle">Ut wisi enim ad minim veniam</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
|
||||
</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>
|
||||
|
||||
433
static-layouts/design-output/bulma.html
Normal file
433
static-layouts/design-output/bulma.html
Normal file
|
|
@ -0,0 +1,433 @@
|
|||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Bulma | 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 hero-project is-blue">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-mass-blue.jpg" alt="">
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h1 class="title">Project title</h1>
|
||||
<h2 class="subtitle">Primary subtitle</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hero hero-initiative is-cinnamon">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-findit-cinnamon.jpg" alt="">
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h1 class="title">Initiative title</h1>
|
||||
<h2 class="subtitle">Primary subtitle</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hero hero-person is-marine">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-nic-marine.jpg" alt="">
|
||||
<h1 class="title">Initiative title</h1>
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h2 class="subtitle">Primary subtitle</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa maxime quasi facere accusamus doloribus praesentium in eum tenetur tempora laborum, dolorum consequuntur nesciunt, quam laudantium sunt cumque recusandae dolor incidunt.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hero is-light" data-headerbg="light">
|
||||
<div class='carousel'>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-home.png" alt="">
|
||||
<figcaption>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-map.png" alt="">
|
||||
<figcaption>
|
||||
Ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-page.png" alt="">
|
||||
<figcaption>
|
||||
Dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-home.png" alt="">
|
||||
<figcaption>
|
||||
Sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-map.png" alt="">
|
||||
<figcaption>
|
||||
Ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-page.png" alt="">
|
||||
<figcaption>
|
||||
Consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-project is-small is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Project Title</p>
|
||||
<p class="subtitle">Project Subtitle</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-two-thirds">
|
||||
<a href="#" class="card card-project is-large is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Project Title</p>
|
||||
<p class="subtitle">Project Subtitle</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns is-equal-height is-multiline">
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-nic-marine.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Initiative Title</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column is-one-third">
|
||||
<div class="card card-project is-small is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Project Title</p>
|
||||
<p class="subtitle">Project Subtitle: no link</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="is-breakout">
|
||||
Breakout
|
||||
</div>
|
||||
<hr>
|
||||
<div class="columns">
|
||||
<div class="column is-one-third">
|
||||
<figure class="image">
|
||||
<img src="/assets/img/fpo-economiescollective-cinnamon.jpg" alt="">
|
||||
<figcaption>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="content">
|
||||
<h3>Agaricons</h3>
|
||||
<p><span class="icon is-small" style="border: 1px dotted red;"><i class="agc agc-logo"></i></span> agc-logo is-small</p>
|
||||
<p><span class="icon is-medium" style="border: 1px dotted red;"><i class="agc agc-logo"></i></span> agc-logo is-medium</p>
|
||||
<p><span class="icon is-large" style="border: 1px dotted red;"><i class="agc agc-logo"></i></span> agc-logo is-large</p>
|
||||
<p><span class="icon"><i class="agc agc-logo"></i></span> agc-logo is-large</p>
|
||||
<p><span class="icon"><i class="agc agc-video"></i></span> agc-video</p>
|
||||
<p><span class="icon"><i class="agc agc-photo"></i></span> agc-photo</p>
|
||||
<p><span class="icon"><i class="agc agc-print"></i></span> agc-print</p>
|
||||
<p><span class="icon"><i class="agc agc-locked"></i></span> agc-locked</p>
|
||||
<p><span class="icon"><i class="agc agc-search"></i></span> agc-search</p>
|
||||
<p><span class="icon"><i class="agc agc-zoom-in"></i></span> agc-zoom-in</p>
|
||||
<p><span class="icon"><i class="agc agc-zoom-out"></i></span> agc-zoom-out</p>
|
||||
<p><span class="icon"><i class="agc agc-help"></i></span> agc-help</p>
|
||||
<p><span class="icon"><i class="agc agc-alert"></i></span> agc-alert</p>
|
||||
<p><span class="icon"><i class="agc agc-gear-1"></i></span> agc-gear-1</p>
|
||||
<p><span class="icon"><i class="agc agc-gear-2"></i></span> agc-gear-2</p>
|
||||
<p><span class="icon"><i class="agc agc-cloud-1"></i></span> agc-cloud-1</p>
|
||||
<p><span class="icon"><i class="agc agc-cloud-2"></i></span> agc-cloud-2</p>
|
||||
<p><span class="icon"><i class="agc agc-chart-up"></i></span> agc-chart-up</p>
|
||||
<p><span class="icon"><i class="agc agc-target-1"></i></span> agc-target-1</p>
|
||||
<p><span class="icon"><i class="agc agc-target-2"></i></span> agc-target-2</p>
|
||||
<p><span class="icon"><i class="agc agc-at"></i></span> agc-at</p>
|
||||
<p><span class="icon"><i class="agc agc-hash"></i></span> agc-hash</p>
|
||||
<p><span class="icon"><i class="agc agc-quote-1"></i></span> agc-quote-1</p>
|
||||
<p><span class="icon"><i class="agc agc-quote-2"></i></span> agc-quote-2</p>
|
||||
<p><span class="icon"><i class="agc agc-mail"></i></span> agc-mail</p>
|
||||
<p><span class="icon"><i class="agc agc-rss"></i></span> agc-rss</p>
|
||||
<p><span class="icon"><i class="agc agc-youtube"></i></span> agc-youtube</p>
|
||||
<p><span class="icon"><i class="agc agc-check"></i></span> agc-check</p>
|
||||
<p><span class="icon"><i class="agc agc-alarm"></i></span> agc-alarm</p>
|
||||
<p><span class="icon"><i class="agc agc-clock"></i></span> agc-clock</p>
|
||||
<p><span class="icon"><i class="agc agc-x"></i></span> agc-x</p>
|
||||
<p><span class="icon"><i class="agc agc-plus"></i></span> agc-plus</p>
|
||||
<p><span class="icon"><i class="agc agc-crossbar"></i></span> agc-crossbar</p>
|
||||
<p><span class="icon"><i class="agc agc-xbar"></i></span> agc-xbar</p>
|
||||
<p><span class="icon"><i class="agc agc-document"></i></span> agc-document</p>
|
||||
<p><span class="icon"><i class="agc agc-server"></i></span> agc-server</p>
|
||||
<p><span class="icon"><i class="agc agc-phone"></i></span> agc-phone</p>
|
||||
<p><span class="icon"><i class="agc agc-python"></i></span> agc-python</p>
|
||||
<p><span class="icon"><i class="agc agc-facebook"></i></span> agc-facebook</p>
|
||||
<p><span class="icon"><i class="agc agc-twitter"></i></span> agc-twitter</p>
|
||||
<p><span class="icon"><i class="agc agc-happy"></i></span> agc-happy</p>
|
||||
<p><span class="icon"><i class="agc agc-sad"></i></span> agc-sad</p>
|
||||
<p><span class="icon"><i class="agc agc-coop"></i></span> agc-coop</p>
|
||||
<p><span class="icon"><i class="agc agc-d8"></i></span> agc-d8</p>
|
||||
<p><span class="icon"><i class="agc agc-drop-1"></i></span> agc-drop-1</p>
|
||||
<p><span class="icon"><i class="agc agc-drop-2"></i></span> agc-drop-2</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-1"></i></span> agc-arcade-1</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-2"></i></span> agc-arcade-2</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-3"></i></span> agc-arcade-3</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-4"></i></span> agc-arcade-4</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-5"></i></span> agc-arcade-5</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-6"></i></span> agc-arcade-6</p>
|
||||
<p><span class="icon"><i class="agc agc-mushroom"></i></span> agc-mushroom</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="content">
|
||||
<h1>Heading 1</h1>
|
||||
<figure class="image">
|
||||
<img src="/assets/img/fpo-landscape.png" alt="">
|
||||
<figcaption>
|
||||
<p>Figure</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
<h4>Heading 4</h4>
|
||||
<p>Lorem <b>ipsum</b> <i>dolor</i> sit <a href="">amet</a>, consectetur adipisicing elit. Enim repellendus laborum rem ratione repudiandae fuga libero harum laboriosam deserunt rerum explicabo similique cum magnam et iure voluptas ipsum quae, modi.</p>
|
||||
<p>Voluptate aliquam commodi ex, necessitatibus ut velit eos dolores quo officia quae ipsa facere illo incidunt recusandae at quia molestias, atque, explicabo, nostrum ullam quis! Quos quam nulla sunt aliquid!</p>
|
||||
<hr>
|
||||
<h1 class="title is-1">Title 1</h1>
|
||||
<h2 class="title is-2">Title 2</h2>
|
||||
<h3 class="title is-3">Title 3</h3>
|
||||
<h4 class="title is-4">Title 4</h4>
|
||||
<h5 class="title is-5">Title 5</h5>
|
||||
<h6 class="title is-6">Title 6</h6>
|
||||
<h1 class="subtitle is-1">Subtitle 1</h1>
|
||||
<h2 class="subtitle is-2">Subtitle 2</h2>
|
||||
<h3 class="subtitle is-3">Subtitle 3</h3>
|
||||
<h4 class="subtitle is-4">Subtitle 4</h4>
|
||||
<h5 class="subtitle is-5">Subtitle 5</h5>
|
||||
<h6 class="subtitle is-6">Subtitle 6</h6>
|
||||
<hr>
|
||||
<div class="notification is-primary">
|
||||
<button class="delete"></button> Primary: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<div class="notification is-link">
|
||||
<button class="delete"></button> Link: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<div class="notification is-info">
|
||||
<button class="delete"></button> Info: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<div class="notification is-success">
|
||||
<button class="delete"></button> Success: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<div class="notification is-warning">
|
||||
<button class="delete"></button> Warning: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<div class="notification is-danger">
|
||||
<button class="delete"></button> Danger: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<ol>
|
||||
<li>Lorem ipsum dolor sit amet.</li>
|
||||
<li>Consectetur ducimus officiis tempora dolor!</li>
|
||||
<li>Nihil, excepturi nulla consectetur omnis.</li>
|
||||
</ol>
|
||||
<ul>
|
||||
<li>Lorem ipsum dolor sit amet.</li>
|
||||
<li>Aliquid sed, quam magni fuga.</li>
|
||||
<li>Vero dolorum, tempora laborum ipsam.</li>
|
||||
</ul>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Lorem</th>
|
||||
<th>Velit</th>
|
||||
<th>Iusto</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lorem ipsum dolor.</td>
|
||||
<td>Ipsa magni, iste.</td>
|
||||
<td>Magnam, dolor, aperiam!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lorem ipsum dolor.</td>
|
||||
<td>Sit unde, corporis.</td>
|
||||
<td>Ea illum, repellendus.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lorem ipsum dolor.</td>
|
||||
<td>Libero, voluptas, ratione.</td>
|
||||
<td>Reiciendis maxime, molestiae!</td>
|
||||
</tr>
|
||||
</table>
|
||||
</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>
|
||||
|
||||
287
static-layouts/design-output/case_study.html
Normal file
287
static-layouts/design-output/case_study.html
Normal file
|
|
@ -0,0 +1,287 @@
|
|||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Case Study | 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 hero-project is-cinnamon">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-findit-cinnamon.jpg" alt="">
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h1 class="title">Find it Cambridge</h1>
|
||||
<h2 class="subtitle">Connecting families, youth, and caregivers with much needed resources</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
|
||||
<div class="flow content">
|
||||
<div class="flow_middle">
|
||||
<p class="subtitle is-mono">Introduction ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
<h4>The Challenge</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
|
||||
delenit augue duis dolore te feugait nulla facilisi.</p>
|
||||
<h4>Approach</h4>
|
||||
<p>Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat.</p>
|
||||
</div>
|
||||
<div class="flow_breakout hero is-light">
|
||||
<div class='carousel'>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-home.png" alt="">
|
||||
<figcaption>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-map.png" alt="">
|
||||
<figcaption>
|
||||
Ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-page.png" alt="">
|
||||
<figcaption>
|
||||
Dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-home.png" alt="">
|
||||
<figcaption>
|
||||
Sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-map.png" alt="">
|
||||
<figcaption>
|
||||
Ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-page.png" alt="">
|
||||
<figcaption>
|
||||
Consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="flow_middle">
|
||||
<h4>Results</h4>
|
||||
<p>Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
|
||||
delenit augue duis dolore te feugait nulla facilisi.</p>
|
||||
</div>
|
||||
<div class="flow_full">
|
||||
<div class="titlebar titlebar-bigborder content">
|
||||
<div class="titlebar_title">
|
||||
<h3 class="subtitle is-mono is-4">Project Details</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<p><b>Client:</b> City of Cambridge</p>
|
||||
<p><b>Year:</b> 2016</p>
|
||||
<p><b>Status:</b> Live (finditcambridge.org)</p>
|
||||
</div>
|
||||
<div class="column">
|
||||
<p><b>Technologies:</b> Drupal, Python</p>
|
||||
<p><b>Services:</b> Strategic consulting, design, prototyping, user testing, implementaiton, content migration</p>
|
||||
</div>
|
||||
<div class="column">
|
||||
<p><b>Team:</b> Mauricio Dinarte, Ben Melanon, Micky Metts</p>
|
||||
<p><b>Partners:</b> Code for Boston, Terravoz, TLDA</p>
|
||||
</div>
|
||||
</div>
|
||||
</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">Updates</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Dolor sit amet, consectetuer adipiscing elit, sed diam ibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Suscipit lobortis nisl ut aliquip ex ea commodo consequat</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</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>
|
||||
|
||||
362
static-layouts/design-output/index.html
Normal file
362
static-layouts/design-output/index.html
Normal file
|
|
@ -0,0 +1,362 @@
|
|||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Home | 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 hero-main is-dark is-large" data-headerbg="transparent" style="background-image:url(../assets/img/fpo-video-poster.png)">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<a href="#"><h1 class="title is-2">Empowering the Web <span class="icon"><i class="ion-android-arrow-dropright-circle"></i></span></h1></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hero is-light" data-headerbg="light">
|
||||
<div class="hero-body">
|
||||
<div class="container content">
|
||||
<p class="subtitle is-mono is-4">Agaric is a web development company that seeks to harness the power of a hypha-like network of knowledge and technology to help our clients deliver genuine and meaningful online experiences that transform societies.</p>
|
||||
<p class="subtitle is-mono is-4">Find out how Agaric can help you gain power over your online technology.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
|
||||
<div class="titlebar content">
|
||||
<div class="titlebar_title">
|
||||
<h3 class="subtitle is-mono is-4">Work</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-ancestor">
|
||||
<div class="tile is-vertical is-4">
|
||||
<div class="tile">
|
||||
<div class="tile is-vertical">
|
||||
<div class="tile">
|
||||
<div class="tile is-parent">
|
||||
<a href="#" class="tile is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-drtb-connamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">DRTB Network</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-parent">
|
||||
<a href="#" class="tile is-child card card-project is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-backupify-berry.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Backupify</p>
|
||||
<p class="subtitle">Secure cloud management portal</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-parent is-8">
|
||||
<a href="#" class="tile is-child card card-project is-large is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MASS Design Group</p>
|
||||
<p class="subtitle">Global humainitarian architecture firm</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-ancestor">
|
||||
<div class="tile is-parent">
|
||||
<a href="#" class="tile is-child card card-project is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mit-marine.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MIT</p>
|
||||
<p class="subtitle">Multi-faceted data migration</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="tile is-parent ">
|
||||
<a href="#" class="tile is-child card card-project is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-pih-dandelion.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Partners in Health</p>
|
||||
<p class="subtitle">Mluti-lingual global website</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="tile is-parent">
|
||||
<a href="#" class="tile is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Find It Cambridge</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</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">Upcoming Events</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</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">Updates</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Dolor sit amet, consectetuer adipiscing elit, sed diam ibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Suscipit lobortis nisl ut aliquip ex ea commodo consequat</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section related">
|
||||
<div class="container">
|
||||
<div class="titlebar titlebar-bigborder content">
|
||||
<div class="titlebar_title">
|
||||
<h3 class="subtitle is-4 is-mono">Show and Tell</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="media teaser">
|
||||
<div class="media-left">
|
||||
<img src="../assets/img/fpo-definitive-guide.png" alt="">
|
||||
</div>
|
||||
<div class="media-content">
|
||||
<p class="title is-5 is-spaced">Definitive Drupal</p>
|
||||
<p class="subtitle is-6">Ben Melanon and Stefan Freudenberg are among the authors of the Definitive Guide to Drupal 7, the leading book covering Drupal configuration, code, and community.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="media teaser">
|
||||
<div class="media-left">
|
||||
<img src="../assets/img/fpo-coop-book.png" alt="">
|
||||
</div>
|
||||
<div class="media-content">
|
||||
<p class="title is-5 is-spaced">Platform Cooperativism Handbook</p>
|
||||
<p class="subtitle is-6">Micky Metts contributed a chapter to Ours to Hack and to Own: The Rise of Platform Cooperativism</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<p class="title is-5 is-spaced">Want to see more?</p>
|
||||
<p class="subtitle is-6">We value learning new things and sharing our knowledge, so we take time each week to share with one another what we've discovered or figured out. <a href="#">Join us on Fridays for Show and Tell</a>.</p>
|
||||
</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>
|
||||
|
||||
294
static-layouts/design-output/initiatives.html
Normal file
294
static-layouts/design-output/initiatives.html
Normal file
|
|
@ -0,0 +1,294 @@
|
|||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Initiatives | 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 is-dark">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="titlebar">
|
||||
<div class="titlebar_title">
|
||||
<h1 class="title is-2">Initiatives</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
|
||||
<div class="titlebar titlebar-padded">
|
||||
<div class="columns content">
|
||||
<div class="column">
|
||||
<h2 class="subtitle is-3">Free Culture</h2>
|
||||
</div>
|
||||
<div class="column is-two-thirds">
|
||||
<p class="subtitle is-mono">Sed dictum porttitor risus. Donec vel enim feugiat, sagittis urna vel, hendrerit arcu. Duis feugiat, augue quis aliquam malesuada, nisi felis finibus arcu, nec sagittis lorem massa vel sem.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns is-equal-height is-multiline">
|
||||
<div class="column">
|
||||
<a href="#" class="card card-initiative is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-5-hands.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Platform Cooperative</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mentor-laptop.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Tech Mentoring</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-education.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Free Education</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="titlebar titlebar-bigborder titlebar-padded">
|
||||
<div class="columns content">
|
||||
<div class="column">
|
||||
<h2 class="subtitle is-3">Free Software</h2>
|
||||
</div>
|
||||
<div class="column is-two-thirds">
|
||||
<p class="subtitle is-mono">Praesent in hendrerit magna. Fusce eleifend turpis a nibh eleifend euismod. Donec mi justo, blandit ut quam id, egestas interdum orci. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns is-equal-height is-multiline">
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-stretch.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Drupal Training</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-5-hands.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Drutopia</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mentor-laptop.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Agaric Open Data</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-education.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Online Security</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mentor-laptop.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">May Frist / People Link</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-5-hands.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Drupal 8 Migration</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</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>
|
||||
|
||||
292
static-layouts/design-output/initiatives_initiative.html
Normal file
292
static-layouts/design-output/initiatives_initiative.html
Normal file
|
|
@ -0,0 +1,292 @@
|
|||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Initiative | 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 hero-initiative is-marine">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-worm-2.jpg" alt="">
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h1 class="title">Platform Cooperative</h1>
|
||||
<p class="subtitle">A new vision for the future of work of work and a fairer internet</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
|
||||
<div class="flow content">
|
||||
<div class="flow_middle">
|
||||
<p class="subtitle is-mono is-4">Introduction ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
<h4>The Challenge</h4>
|
||||
<p>Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat.</p>
|
||||
<h4>Our Involvement</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
|
||||
delenit augue duis dolore te feugait nulla facilisi.</p>
|
||||
</div>
|
||||
<div class="flow_full">
|
||||
<div class="columns is-centered-vert">
|
||||
<div class="column">
|
||||
<blockquote class="is-marine">
|
||||
<p class="subtitle is-4">Its a cooperative effort. Its a family structure. If someone else is not doing well its going to affect me so I want to help them. We have a whole network of people there to help and share the challenges.</p>
|
||||
<cite>Micky Metts</cite>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="/assets/img/fpo-micky-presentation.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flow_middle">
|
||||
<ul class="icon-list icon-list-cols">
|
||||
<li class="agc-coop is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</li>
|
||||
<li class="agc-target-1 is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
|
||||
</li>
|
||||
<li class="agc-target-1 is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
|
||||
</li>
|
||||
<li class="agc-photo is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
|
||||
</li>
|
||||
<li class="agc-photo is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
|
||||
</li>
|
||||
<li class="agc-photo is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
|
||||
</li>
|
||||
</ul>
|
||||
</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">Upcoming Events</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</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">Updates</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Dolor sit amet, consectetuer adipiscing elit, sed diam ibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Suscipit lobortis nisl ut aliquip ex ea commodo consequat</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</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>
|
||||
|
||||
278
static-layouts/design-output/insights.html
Normal file
278
static-layouts/design-output/insights.html
Normal file
|
|
@ -0,0 +1,278 @@
|
|||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Insights | 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 is-dark">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="titlebar">
|
||||
<div class="titlebar_title">
|
||||
<h1 class="title is-2">Insights</h1>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<div class="titlebar_links">
|
||||
<div class="field is-horizontal">
|
||||
<div class="field-label is-normal">
|
||||
<label class="label">Filter by:</label>
|
||||
</div>
|
||||
<div class="field-body">
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Author</option>
|
||||
<option>freescholar</option>
|
||||
<option>mlncn</option>
|
||||
<option>dinarcon</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Type</option>
|
||||
<option>...</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Topic</option>
|
||||
<option>...</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
|
||||
<div class="flow content">
|
||||
<div class="media-list">
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
<img src="/assets/img/fpo-landscape.png" alt="" style="width: 300px;">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
<img src="/assets/img/fpo-landscape.png" alt="" style="width: 300px;">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
<img src="/assets/img/fpo-landscape.png" alt="" style="width: 300px;">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
<img src="/assets/img/fpo-landscape.png" alt="" style="width: 300px;">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
</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>
|
||||
|
||||
247
static-layouts/design-output/insights_insight.html
Normal file
247
static-layouts/design-output/insights_insight.html
Normal file
|
|
@ -0,0 +1,247 @@
|
|||
|
||||
|
||||
|
||||
<!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>
|
||||
|
||||
326
static-layouts/design-output/work.html
Normal file
326
static-layouts/design-output/work.html
Normal file
|
|
@ -0,0 +1,326 @@
|
|||
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Work | 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 is-dark">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="titlebar">
|
||||
<div class="titlebar_title">
|
||||
<h1 class="title is-2">Work</h1>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<div class="field is-horizontal">
|
||||
<div class="field-label is-normal">
|
||||
<label class="label">Filter by:</label>
|
||||
</div>
|
||||
<div class="field-body">
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Technology</option>
|
||||
<option>Drupal</option>
|
||||
<option>Python</option>
|
||||
<option>Mobile</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Industry</option>
|
||||
<option>Education</option>
|
||||
<option>Health</option>
|
||||
<option>...</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
|
||||
<div class="columns is-multiline">
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-drtb-connamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">DRTB Network</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-backupify-berry.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Backupify</p>
|
||||
<p class="subtitle">Secure cloud management portal</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MASS Design Group</p>
|
||||
<p class="subtitle">Global humainitarian architecture firm</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mit-marine.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MIT</p>
|
||||
<p class="subtitle">Multi-faceted data migration</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-pih-dandelion.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Partners in Health</p>
|
||||
<p class="subtitle">Mluti-lingual global website</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Find It Cambridge</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-drtb-connamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">DRTB Network</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-backupify-berry.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Backupify</p>
|
||||
<p class="subtitle">Secure cloud management portal</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MASS Design Group</p>
|
||||
<p class="subtitle">Global humainitarian architecture firm</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mit-marine.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MIT</p>
|
||||
<p class="subtitle">Multi-faceted data migration</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-pih-dandelion.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Partners in Health</p>
|
||||
<p class="subtitle">Mluti-lingual global website</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Find It Cambridge</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</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>
|
||||
|
||||
46
static-layouts/design-source/data/nav.json
Executable file
46
static-layouts/design-source/data/nav.json
Executable file
|
|
@ -0,0 +1,46 @@
|
|||
{
|
||||
"mainnav": [
|
||||
{
|
||||
"label": "Services",
|
||||
"href": "#",
|
||||
"state": ""
|
||||
},
|
||||
{
|
||||
"label": "Work",
|
||||
"href": "#",
|
||||
"state": ""
|
||||
},
|
||||
{
|
||||
"label": "Initiatives",
|
||||
"href": "#",
|
||||
"state": ""
|
||||
},
|
||||
{
|
||||
"label": "About",
|
||||
"href": "#",
|
||||
"state": "is-active",
|
||||
"children": [
|
||||
{
|
||||
"label": "Team",
|
||||
"href": "#",
|
||||
"state": "is-active"
|
||||
},
|
||||
{
|
||||
"label": "Events",
|
||||
"href": "#",
|
||||
"state": ""
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"label": "Insights",
|
||||
"href": "#",
|
||||
"state": ""
|
||||
},
|
||||
{
|
||||
"label": "Contact",
|
||||
"href": "#",
|
||||
"state": ""
|
||||
}
|
||||
]
|
||||
}
|
||||
5
static-layouts/design-source/data/site.json
Executable file
5
static-layouts/design-source/data/site.json
Executable file
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"site": {
|
||||
"title": "Agaric"
|
||||
}
|
||||
}
|
||||
102
static-layouts/design-source/pages/about_events.hbs
Normal file
102
static-layouts/design-source/pages/about_events.hbs
Normal file
|
|
@ -0,0 +1,102 @@
|
|||
---
|
||||
title: "Events"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero" data-headerbg="light">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="titlebar">
|
||||
<div class="titlebar_title">
|
||||
<h1 class="title is-2">Events</h1>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li class="is-active"><a>Upcoming Events</a></li>
|
||||
<li><a>Past Events</a></li>
|
||||
<li>
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>All</option>
|
||||
<option>Speaking</option>
|
||||
<option>Training</option>
|
||||
<option>...</option>
|
||||
</select>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
<div class="flow content">
|
||||
<div class="flow_left">
|
||||
<h3 class="title is-4 is-blue">2018</h3>
|
||||
</div>
|
||||
<div class="flow_middle">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">June 4</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">June 5, 2017</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">June 6, 2017</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="flow_left">
|
||||
<h3 class="title is-4 is-blue">2019</h3>
|
||||
</div>
|
||||
<div class="flow_middle">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">July 11</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">July 12</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">July 13</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4 is-compact">July 14</p>
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="pagination" role="navigation" aria-label="pagination">
|
||||
<a class="pagination-previous" title="This is the first page" disabled>Previous</a>
|
||||
<a class="pagination-next">Next page</a>
|
||||
<ul class="pagination-list">
|
||||
<li>
|
||||
<a class="pagination-link is-current" aria-label="Page 1" aria-current="page">1</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pagination-link" aria-label="Goto page 2">2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pagination-link" aria-label="Goto page 3">3</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
33
static-layouts/design-source/pages/about_events_event.hbs
Normal file
33
static-layouts/design-source/pages/about_events_event.hbs
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
---
|
||||
title: "Event"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero" data-headerbg="light">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<h1 class="title is-2">Event Title</h1>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
<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. Porro hic totam debitis voluptate. Blanditiis iste expedita reprehenderit consequatur veritatis, nam sunt odio dolor ratione omnis veniam tempore provident labore libero.</p>
|
||||
<div class="coltrol">
|
||||
<button class="button is-primary is-rounded">Register</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/content}}
|
||||
{{#content "postcontent"}}
|
||||
{{> related_events }}
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
153
static-layouts/design-source/pages/about_team.hbs
Normal file
153
static-layouts/design-source/pages/about_team.hbs
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
---
|
||||
title: "Team"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero is-dark">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="titlebar">
|
||||
<div class="titlebar_title">
|
||||
<h1 class="title is-2">Team</h1>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<div class="tabs">
|
||||
<ul>
|
||||
<li class="is-active"><a>Active Members</a></li>
|
||||
<li><a>Past Members</a></li>
|
||||
<li><a>Partners</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
<div class="columns is-equal-height is-multiline">
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-ben.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Ben Melançon</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-micky.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Micky Metts</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mauricio.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Mauricio Dinarte</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-micky.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Micky Metts</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mauricio.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Mauricio Dinarte</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-ben.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Ben Melançon</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-ben.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Ben Melançon</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-micky.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Micky Metts</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mauricio.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Mauricio Dinarte</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-micky.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Micky Metts</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mauricio.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Mauricio Dinarte</p>
|
||||
<p class="subtitle">Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-ben.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Ben Melançon</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
27
static-layouts/design-source/pages/about_team_member.hbs
Normal file
27
static-layouts/design-source/pages/about_team_member.hbs
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
---
|
||||
title: "Team Member"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero hero-person is-blue">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-mauricio.jpg" alt="">
|
||||
<h1 class="title">Mauricio Dinarte</h1>
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h2 class="subtitle">Principal/Drupal Developer</h2>
|
||||
<p>Mauricio ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
|
||||
ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{> recent_posts }}
|
||||
{{> related_events }}
|
||||
{{> recent_projects }}
|
||||
{{> recent_initiatives }}
|
||||
{{/content}}
|
||||
{{#content "content"}}{{/content}}
|
||||
{{/extend}}
|
||||
246
static-layouts/design-source/pages/bulma.hbs
Normal file
246
static-layouts/design-source/pages/bulma.hbs
Normal file
|
|
@ -0,0 +1,246 @@
|
|||
---
|
||||
title: "Bulma"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero hero-project is-blue">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-mass-blue.jpg" alt="">
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h1 class="title">Project title</h1>
|
||||
<h2 class="subtitle">Primary subtitle</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hero hero-initiative is-cinnamon">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-findit-cinnamon.jpg" alt="">
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h1 class="title">Initiative title</h1>
|
||||
<h2 class="subtitle">Primary subtitle</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hero hero-person is-marine">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-nic-marine.jpg" alt="">
|
||||
<h1 class="title">Initiative title</h1>
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h2 class="subtitle">Primary subtitle</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa maxime quasi facere accusamus doloribus praesentium in eum tenetur tempora laborum, dolorum consequuntur nesciunt, quam laudantium sunt cumque recusandae dolor incidunt.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hero is-light" data-headerbg="light">
|
||||
{{>carousel}}
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
<div class="columns">
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-project is-small is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Project Title</p>
|
||||
<p class="subtitle">Project Subtitle</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-two-thirds">
|
||||
<a href="#" class="card card-project is-large is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Project Title</p>
|
||||
<p class="subtitle">Project Subtitle</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns is-equal-height is-multiline">
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-nic-marine.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Initiative Title</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column is-one-third">
|
||||
<div class="card card-project is-small is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Project Title</p>
|
||||
<p class="subtitle">Project Subtitle: no link</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="is-breakout">
|
||||
Breakout
|
||||
</div>
|
||||
<hr>
|
||||
<div class="columns">
|
||||
<div class="column is-one-third">
|
||||
<figure class="image">
|
||||
<img src="/assets/img/fpo-economiescollective-cinnamon.jpg" alt="">
|
||||
<figcaption>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="content">
|
||||
<h3>Agaricons</h3>
|
||||
<p><span class="icon is-small" style="border: 1px dotted red;"><i class="agc agc-logo"></i></span> agc-logo is-small</p>
|
||||
<p><span class="icon is-medium" style="border: 1px dotted red;"><i class="agc agc-logo"></i></span> agc-logo is-medium</p>
|
||||
<p><span class="icon is-large" style="border: 1px dotted red;"><i class="agc agc-logo"></i></span> agc-logo is-large</p>
|
||||
<p><span class="icon"><i class="agc agc-logo"></i></span> agc-logo is-large</p>
|
||||
<p><span class="icon"><i class="agc agc-video"></i></span> agc-video</p>
|
||||
<p><span class="icon"><i class="agc agc-photo"></i></span> agc-photo</p>
|
||||
<p><span class="icon"><i class="agc agc-print"></i></span> agc-print</p>
|
||||
<p><span class="icon"><i class="agc agc-locked"></i></span> agc-locked</p>
|
||||
<p><span class="icon"><i class="agc agc-search"></i></span> agc-search</p>
|
||||
<p><span class="icon"><i class="agc agc-zoom-in"></i></span> agc-zoom-in</p>
|
||||
<p><span class="icon"><i class="agc agc-zoom-out"></i></span> agc-zoom-out</p>
|
||||
<p><span class="icon"><i class="agc agc-help"></i></span> agc-help</p>
|
||||
<p><span class="icon"><i class="agc agc-alert"></i></span> agc-alert</p>
|
||||
<p><span class="icon"><i class="agc agc-gear-1"></i></span> agc-gear-1</p>
|
||||
<p><span class="icon"><i class="agc agc-gear-2"></i></span> agc-gear-2</p>
|
||||
<p><span class="icon"><i class="agc agc-cloud-1"></i></span> agc-cloud-1</p>
|
||||
<p><span class="icon"><i class="agc agc-cloud-2"></i></span> agc-cloud-2</p>
|
||||
<p><span class="icon"><i class="agc agc-chart-up"></i></span> agc-chart-up</p>
|
||||
<p><span class="icon"><i class="agc agc-target-1"></i></span> agc-target-1</p>
|
||||
<p><span class="icon"><i class="agc agc-target-2"></i></span> agc-target-2</p>
|
||||
<p><span class="icon"><i class="agc agc-at"></i></span> agc-at</p>
|
||||
<p><span class="icon"><i class="agc agc-hash"></i></span> agc-hash</p>
|
||||
<p><span class="icon"><i class="agc agc-quote-1"></i></span> agc-quote-1</p>
|
||||
<p><span class="icon"><i class="agc agc-quote-2"></i></span> agc-quote-2</p>
|
||||
<p><span class="icon"><i class="agc agc-mail"></i></span> agc-mail</p>
|
||||
<p><span class="icon"><i class="agc agc-rss"></i></span> agc-rss</p>
|
||||
<p><span class="icon"><i class="agc agc-youtube"></i></span> agc-youtube</p>
|
||||
<p><span class="icon"><i class="agc agc-check"></i></span> agc-check</p>
|
||||
<p><span class="icon"><i class="agc agc-alarm"></i></span> agc-alarm</p>
|
||||
<p><span class="icon"><i class="agc agc-clock"></i></span> agc-clock</p>
|
||||
<p><span class="icon"><i class="agc agc-x"></i></span> agc-x</p>
|
||||
<p><span class="icon"><i class="agc agc-plus"></i></span> agc-plus</p>
|
||||
<p><span class="icon"><i class="agc agc-crossbar"></i></span> agc-crossbar</p>
|
||||
<p><span class="icon"><i class="agc agc-xbar"></i></span> agc-xbar</p>
|
||||
<p><span class="icon"><i class="agc agc-document"></i></span> agc-document</p>
|
||||
<p><span class="icon"><i class="agc agc-server"></i></span> agc-server</p>
|
||||
<p><span class="icon"><i class="agc agc-phone"></i></span> agc-phone</p>
|
||||
<p><span class="icon"><i class="agc agc-python"></i></span> agc-python</p>
|
||||
<p><span class="icon"><i class="agc agc-facebook"></i></span> agc-facebook</p>
|
||||
<p><span class="icon"><i class="agc agc-twitter"></i></span> agc-twitter</p>
|
||||
<p><span class="icon"><i class="agc agc-happy"></i></span> agc-happy</p>
|
||||
<p><span class="icon"><i class="agc agc-sad"></i></span> agc-sad</p>
|
||||
<p><span class="icon"><i class="agc agc-coop"></i></span> agc-coop</p>
|
||||
<p><span class="icon"><i class="agc agc-d8"></i></span> agc-d8</p>
|
||||
<p><span class="icon"><i class="agc agc-drop-1"></i></span> agc-drop-1</p>
|
||||
<p><span class="icon"><i class="agc agc-drop-2"></i></span> agc-drop-2</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-1"></i></span> agc-arcade-1</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-2"></i></span> agc-arcade-2</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-3"></i></span> agc-arcade-3</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-4"></i></span> agc-arcade-4</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-5"></i></span> agc-arcade-5</p>
|
||||
<p><span class="icon"><i class="agc agc-arcade-6"></i></span> agc-arcade-6</p>
|
||||
<p><span class="icon"><i class="agc agc-mushroom"></i></span> agc-mushroom</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="content">
|
||||
<h1>Heading 1</h1>
|
||||
<figure class="image">
|
||||
<img src="/assets/img/fpo-landscape.png" alt="">
|
||||
<figcaption>
|
||||
<p>Figure</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
<h4>Heading 4</h4>
|
||||
<p>Lorem <b>ipsum</b> <i>dolor</i> sit <a href="">amet</a>, consectetur adipisicing elit. Enim repellendus laborum rem ratione repudiandae fuga libero harum laboriosam deserunt rerum explicabo similique cum magnam et iure voluptas ipsum quae, modi.</p>
|
||||
<p>Voluptate aliquam commodi ex, necessitatibus ut velit eos dolores quo officia quae ipsa facere illo incidunt recusandae at quia molestias, atque, explicabo, nostrum ullam quis! Quos quam nulla sunt aliquid!</p>
|
||||
<hr>
|
||||
<h1 class="title is-1">Title 1</h1>
|
||||
<h2 class="title is-2">Title 2</h2>
|
||||
<h3 class="title is-3">Title 3</h3>
|
||||
<h4 class="title is-4">Title 4</h4>
|
||||
<h5 class="title is-5">Title 5</h5>
|
||||
<h6 class="title is-6">Title 6</h6>
|
||||
<h1 class="subtitle is-1">Subtitle 1</h1>
|
||||
<h2 class="subtitle is-2">Subtitle 2</h2>
|
||||
<h3 class="subtitle is-3">Subtitle 3</h3>
|
||||
<h4 class="subtitle is-4">Subtitle 4</h4>
|
||||
<h5 class="subtitle is-5">Subtitle 5</h5>
|
||||
<h6 class="subtitle is-6">Subtitle 6</h6>
|
||||
<hr>
|
||||
<div class="notification is-primary">
|
||||
<button class="delete"></button> Primary: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<div class="notification is-link">
|
||||
<button class="delete"></button> Link: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<div class="notification is-info">
|
||||
<button class="delete"></button> Info: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<div class="notification is-success">
|
||||
<button class="delete"></button> Success: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<div class="notification is-warning">
|
||||
<button class="delete"></button> Warning: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<div class="notification is-danger">
|
||||
<button class="delete"></button> Danger: lorem ipsum dolor sit amet, consectetur
|
||||
</div>
|
||||
<ol>
|
||||
<li>Lorem ipsum dolor sit amet.</li>
|
||||
<li>Consectetur ducimus officiis tempora dolor!</li>
|
||||
<li>Nihil, excepturi nulla consectetur omnis.</li>
|
||||
</ol>
|
||||
<ul>
|
||||
<li>Lorem ipsum dolor sit amet.</li>
|
||||
<li>Aliquid sed, quam magni fuga.</li>
|
||||
<li>Vero dolorum, tempora laborum ipsam.</li>
|
||||
</ul>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Lorem</th>
|
||||
<th>Velit</th>
|
||||
<th>Iusto</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lorem ipsum dolor.</td>
|
||||
<td>Ipsa magni, iste.</td>
|
||||
<td>Magnam, dolor, aperiam!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lorem ipsum dolor.</td>
|
||||
<td>Sit unde, corporis.</td>
|
||||
<td>Ea illum, repellendus.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lorem ipsum dolor.</td>
|
||||
<td>Libero, voluptas, ratione.</td>
|
||||
<td>Reiciendis maxime, molestiae!</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
70
static-layouts/design-source/pages/case_study.hbs
Normal file
70
static-layouts/design-source/pages/case_study.hbs
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
---
|
||||
title: "Case Study"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero hero-project is-cinnamon">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-findit-cinnamon.jpg" alt="">
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h1 class="title">Find it Cambridge</h1>
|
||||
<h2 class="subtitle">Connecting families, youth, and caregivers with much needed resources</h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
<div class="flow content">
|
||||
<div class="flow_middle">
|
||||
<p class="subtitle is-mono">Introduction ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
<h4>The Challenge</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
|
||||
delenit augue duis dolore te feugait nulla facilisi.</p>
|
||||
<h4>Approach</h4>
|
||||
<p>Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat.</p>
|
||||
</div>
|
||||
<div class="flow_breakout hero is-light">
|
||||
{{>carousel}}
|
||||
</div>
|
||||
<div class="flow_middle">
|
||||
<h4>Results</h4>
|
||||
<p>Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
|
||||
delenit augue duis dolore te feugait nulla facilisi.</p>
|
||||
</div>
|
||||
<div class="flow_full">
|
||||
<div class="titlebar titlebar-bigborder content">
|
||||
<div class="titlebar_title">
|
||||
<h3 class="subtitle is-mono is-4">Project Details</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<p><b>Client:</b> City of Cambridge</p>
|
||||
<p><b>Year:</b> 2016</p>
|
||||
<p><b>Status:</b> Live (finditcambridge.org)</p>
|
||||
</div>
|
||||
<div class="column">
|
||||
<p><b>Technologies:</b> Drupal, Python</p>
|
||||
<p><b>Services:</b> Strategic consulting, design, prototyping, user testing, implementaiton, content migration</p>
|
||||
</div>
|
||||
<div class="column">
|
||||
<p><b>Team:</b> Mauricio Dinarte, Ben Melanon, Micky Metts</p>
|
||||
<p><b>Partners:</b> Code for Boston, Terravoz, TLDA</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/content}}
|
||||
{{#content "postcontent"}}
|
||||
{{> recent_updates }}
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
31
static-layouts/design-source/pages/index.hbs
Executable file
31
static-layouts/design-source/pages/index.hbs
Executable file
|
|
@ -0,0 +1,31 @@
|
|||
---
|
||||
title: "Home"
|
||||
---
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero hero-main is-dark is-large" data-headerbg="transparent" style="background-image:url(../assets/img/fpo-video-poster.png)">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<a href="#"><h1 class="title is-2">Empowering the Web <span class="icon"><i class="ion-android-arrow-dropright-circle"></i></span></h1></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="hero is-light" data-headerbg="light">
|
||||
<div class="hero-body">
|
||||
<div class="container content">
|
||||
<p class="subtitle is-mono is-4">Agaric is a web development company that seeks to harness the power of a hypha-like network of knowledge and technology to help our clients deliver genuine and meaningful online experiences that transform societies.</p>
|
||||
<p class="subtitle is-mono is-4">Find out how Agaric can help you gain power over your online technology.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
{{> work_tiles }}
|
||||
{{/content}}
|
||||
{{#content "postcontent"}}
|
||||
{{> related_events }}
|
||||
{{> recent_updates }}
|
||||
{{> show_and_tell }}
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
145
static-layouts/design-source/pages/initiatives.hbs
Normal file
145
static-layouts/design-source/pages/initiatives.hbs
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
---
|
||||
title: "Initiatives"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero is-dark">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="titlebar">
|
||||
<div class="titlebar_title">
|
||||
<h1 class="title is-2">Initiatives</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
<div class="titlebar titlebar-padded">
|
||||
<div class="columns content">
|
||||
<div class="column">
|
||||
<h2 class="subtitle is-3">Free Culture</h2>
|
||||
</div>
|
||||
<div class="column is-two-thirds">
|
||||
<p class="subtitle is-mono">Sed dictum porttitor risus. Donec vel enim feugiat, sagittis urna vel, hendrerit arcu. Duis feugiat, augue quis aliquam malesuada, nisi felis finibus arcu, nec sagittis lorem massa vel sem.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns is-equal-height is-multiline">
|
||||
<div class="column">
|
||||
<a href="#" class="card card-initiative is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-5-hands.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Platform Cooperative</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mentor-laptop.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Tech Mentoring</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-education.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Free Education</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="titlebar titlebar-bigborder titlebar-padded">
|
||||
<div class="columns content">
|
||||
<div class="column">
|
||||
<h2 class="subtitle is-3">Free Software</h2>
|
||||
</div>
|
||||
<div class="column is-two-thirds">
|
||||
<p class="subtitle is-mono">Praesent in hendrerit magna. Fusce eleifend turpis a nibh eleifend euismod. Donec mi justo, blandit ut quam id, egestas interdum orci. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns is-equal-height is-multiline">
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-stretch.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Drupal Training</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-5-hands.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Drutopia</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mentor-laptop.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Agaric Open Data</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-education.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Online Security</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mentor-laptop.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">May Frist / People Link</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="card card-initiative is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-5-hands.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Drupal 8 Migration</p>
|
||||
<p class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
||||
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit xanim id est laborum.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
---
|
||||
title: "Initiative"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero hero-initiative is-marine">
|
||||
<div class="container">
|
||||
<div class="hero-image">
|
||||
<img src="/assets/img/fpo-worm-2.jpg" alt="">
|
||||
</div>
|
||||
<div class="hero-body">
|
||||
<h1 class="title">Platform Cooperative</h1>
|
||||
<p class="subtitle">A new vision for the future of work of work and a fairer internet</p>
|
||||
</div>
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
<div class="flow content">
|
||||
<div class="flow_middle">
|
||||
<p class="subtitle is-mono is-4">Introduction ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
<h4>The Challenge</h4>
|
||||
<p>Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat.</p>
|
||||
<h4>Our Involvement</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
|
||||
ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
|
||||
delenit augue duis dolore te feugait nulla facilisi.</p>
|
||||
</div>
|
||||
<div class="flow_full">
|
||||
<div class="columns is-centered-vert">
|
||||
<div class="column">
|
||||
<blockquote class="is-marine">
|
||||
<p class="subtitle is-4">Its a cooperative effort. Its a family structure. If someone else is not doing well its going to affect me so I want to help them. We have a whole network of people there to help and share the challenges.</p>
|
||||
<cite>Micky Metts</cite>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="/assets/img/fpo-micky-presentation.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flow_middle">
|
||||
<ul class="icon-list icon-list-cols">
|
||||
<li class="agc-coop is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</li>
|
||||
<li class="agc-target-1 is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
|
||||
</li>
|
||||
<li class="agc-target-1 is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
|
||||
</li>
|
||||
<li class="agc-photo is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
|
||||
</li>
|
||||
<li class="agc-photo is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
|
||||
</li>
|
||||
<li class="agc-photo is-marine">
|
||||
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </h4>
|
||||
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{{/content}}
|
||||
{{#content "postcontent"}}
|
||||
{{> related_events }}
|
||||
{{> recent_updates }}
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
129
static-layouts/design-source/pages/insights.hbs
Normal file
129
static-layouts/design-source/pages/insights.hbs
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
---
|
||||
title: "Insights"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero is-dark">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="titlebar">
|
||||
<div class="titlebar_title">
|
||||
<h1 class="title is-2">Insights</h1>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<div class="titlebar_links">
|
||||
<div class="field is-horizontal">
|
||||
<div class="field-label is-normal">
|
||||
<label class="label">Filter by:</label>
|
||||
</div>
|
||||
<div class="field-body">
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Author</option>
|
||||
<option>freescholar</option>
|
||||
<option>mlncn</option>
|
||||
<option>dinarcon</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Type</option>
|
||||
<option>...</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Topic</option>
|
||||
<option>...</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
<div class="flow content">
|
||||
<div class="media-list">
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
<img src="/assets/img/fpo-landscape.png" alt="" style="width: 300px;">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
<img src="/assets/img/fpo-landscape.png" alt="" style="width: 300px;">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
<img src="/assets/img/fpo-landscape.png" alt="" style="width: 300px;">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="teaser media">
|
||||
<div class="media-left">
|
||||
<img src="/assets/img/fpo-landscape.png" alt="" style="width: 300px;">
|
||||
</div>
|
||||
<div class="media-content content">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
38
static-layouts/design-source/pages/insights_insight.hbs
Normal file
38
static-layouts/design-source/pages/insights_insight.hbs
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
---
|
||||
title: "Insight"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero" data-headerbg="light">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<h1 class="title is-2">Insight Title</h1>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
<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>
|
||||
{{/content}}
|
||||
{{#content "postcontent"}}
|
||||
{{> comments }}
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
177
static-layouts/design-source/pages/work.hbs
Normal file
177
static-layouts/design-source/pages/work.hbs
Normal file
|
|
@ -0,0 +1,177 @@
|
|||
---
|
||||
title: "Work"
|
||||
---
|
||||
|
||||
|
||||
{{#extend "default"}}
|
||||
{{#content "precontent"}}
|
||||
<section class="hero is-dark">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="titlebar">
|
||||
<div class="titlebar_title">
|
||||
<h1 class="title is-2">Work</h1>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<div class="field is-horizontal">
|
||||
<div class="field-label is-normal">
|
||||
<label class="label">Filter by:</label>
|
||||
</div>
|
||||
<div class="field-body">
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Technology</option>
|
||||
<option>Drupal</option>
|
||||
<option>Python</option>
|
||||
<option>Mobile</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Industry</option>
|
||||
<option>Education</option>
|
||||
<option>Health</option>
|
||||
<option>...</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/content}}
|
||||
{{#content "content"}}
|
||||
<div class="columns is-multiline">
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-drtb-connamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">DRTB Network</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-backupify-berry.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Backupify</p>
|
||||
<p class="subtitle">Secure cloud management portal</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MASS Design Group</p>
|
||||
<p class="subtitle">Global humainitarian architecture firm</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mit-marine.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MIT</p>
|
||||
<p class="subtitle">Multi-faceted data migration</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-pih-dandelion.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Partners in Health</p>
|
||||
<p class="subtitle">Mluti-lingual global website</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Find It Cambridge</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-drtb-connamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">DRTB Network</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-backupify-berry.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Backupify</p>
|
||||
<p class="subtitle">Secure cloud management portal</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MASS Design Group</p>
|
||||
<p class="subtitle">Global humainitarian architecture firm</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mit-marine.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MIT</p>
|
||||
<p class="subtitle">Multi-faceted data migration</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-pih-dandelion.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Partners in Health</p>
|
||||
<p class="subtitle">Mluti-lingual global website</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-one-third">
|
||||
<a href="#" class="is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Find It Cambridge</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{/content}}
|
||||
{{/extend}}
|
||||
38
static-layouts/design-source/templates/carousel.hbs
Normal file
38
static-layouts/design-source/templates/carousel.hbs
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<div class='carousel'>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-home.png" alt="">
|
||||
<figcaption>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-map.png" alt="">
|
||||
<figcaption>
|
||||
Ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-page.png" alt="">
|
||||
<figcaption>
|
||||
Dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-home.png" alt="">
|
||||
<figcaption>
|
||||
Sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-map.png" alt="">
|
||||
<figcaption>
|
||||
Ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
<figure class="image">
|
||||
<img src="../assets/img/fpo-fic-page.png" alt="">
|
||||
<figcaption>
|
||||
Consectetur adipisicing elit.
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
62
static-layouts/design-source/templates/comments.hbs
Normal file
62
static-layouts/design-source/templates/comments.hbs
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
<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>
|
||||
51
static-layouts/design-source/templates/default.hbs
Executable file
51
static-layouts/design-source/templates/default.hbs
Executable file
|
|
@ -0,0 +1,51 @@
|
|||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>{{title}} | {{site.title}}</title>
|
||||
<link rel="stylesheet" href="../assets/css/agaric.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{{> header }}
|
||||
|
||||
{{#block "precontent"}}
|
||||
{{/block}}
|
||||
|
||||
<section class="section" data-headerbg="light">
|
||||
<div class="container">
|
||||
{{#block "content"}}
|
||||
content default.
|
||||
{{/block}}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{#block "postcontent"}}
|
||||
{{/block}}
|
||||
|
||||
{{> footer }}
|
||||
|
||||
{{!-- Temp links to navigate the design samples --}}
|
||||
<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>
|
||||
22
static-layouts/design-source/templates/footer.hbs
Executable file
22
static-layouts/design-source/templates/footer.hbs
Executable file
|
|
@ -0,0 +1,22 @@
|
|||
<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>
|
||||
64
static-layouts/design-source/templates/header.hbs
Executable file
64
static-layouts/design-source/templates/header.hbs
Executable file
|
|
@ -0,0 +1,64 @@
|
|||
<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">
|
||||
{{#each nav.mainnav}}
|
||||
{{#if children}}
|
||||
<div class="navbar-item has-dropdown is-hoverable">
|
||||
<a class="navbar-link {{state}}" href="{{href}}" title="{{label}}">{{label}}</a>
|
||||
<div class="navbar-dropdown">
|
||||
{{#each children}}
|
||||
<a class="navbar-item {{state}}" href="{{href}}" title="{{label}}">{{label}}</a>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
<a class="navbar-item {{state}}" href="{{href}}" title="{{label}}">{{label}}</a>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
<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>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<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">Recent Initiatives</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-stretch.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Drupal Training</p>
|
||||
<p class="subtitle">Ut wisi enim ad minim veniam</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mentor-laptop.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">May First / People Link</p>
|
||||
<p class="subtitle">Ut wisi enim ad minim veniam</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-education.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Drupal 8 Migration</p>
|
||||
<p class="subtitle">Ut wisi enim ad minim veniam</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
29
static-layouts/design-source/templates/recent_posts.hbs
Normal file
29
static-layouts/design-source/templates/recent_posts.hbs
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<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">Recent Posts</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 ">Dolor sit amet, consectetuer adipiscing elit, sed diam ibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5">Suscipit lobortis nisl ut aliquip ex ea commodo consequat</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
41
static-layouts/design-source/templates/recent_projects.hbs
Normal file
41
static-layouts/design-source/templates/recent_projects.hbs
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<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">Recent Projects</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-backupify-berry.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Backupify</p>
|
||||
<p class="subtitle">Secure cloud management tool</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Find It Cambridge</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="card card-project is-small is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-pih-dandelion.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Partners in Health</p>
|
||||
<p class="subtitle">Multi-lingual global website</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
32
static-layouts/design-source/templates/recent_updates.hbs
Normal file
32
static-layouts/design-source/templates/recent_updates.hbs
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<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">Updates</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Lorem ipsum dolor sit amet, ibhdiam nonummy nibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Dolor sit amet, consectetuer adipiscing elit, sed diam ibh</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-5 is-spaced">Suscipit lobortis nisl ut aliquip ex ea commodo consequat</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
35
static-layouts/design-source/templates/related_events.hbs
Normal file
35
static-layouts/design-source/templates/related_events.hbs
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<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">Upcoming Events</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="teaser">
|
||||
<p class="title is-4">Oct 4 2017</p>
|
||||
<p class="title is-5">Lorem ipsum dolor sit amet</p>
|
||||
<p class="subtitle is-6">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
37
static-layouts/design-source/templates/show_and_tell.hbs
Normal file
37
static-layouts/design-source/templates/show_and_tell.hbs
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<section class="section related">
|
||||
<div class="container">
|
||||
<div class="titlebar titlebar-bigborder content">
|
||||
<div class="titlebar_title">
|
||||
<h3 class="subtitle is-4 is-mono">Show and Tell</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<a href="#" class="media teaser">
|
||||
<div class="media-left">
|
||||
<img src="../assets/img/fpo-definitive-guide.png" alt="">
|
||||
</div>
|
||||
<div class="media-content">
|
||||
<p class="title is-5 is-spaced">Definitive Drupal</p>
|
||||
<p class="subtitle is-6">Ben Melanon and Stefan Freudenberg are among the authors of the Definitive Guide to Drupal 7, the leading book covering Drupal configuration, code, and community.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<a href="#" class="media teaser">
|
||||
<div class="media-left">
|
||||
<img src="../assets/img/fpo-coop-book.png" alt="">
|
||||
</div>
|
||||
<div class="media-content">
|
||||
<p class="title is-5 is-spaced">Platform Cooperativism Handbook</p>
|
||||
<p class="subtitle is-6">Micky Metts contributed a chapter to Ours to Hack and to Own: The Rise of Platform Cooperativism</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<p class="title is-5 is-spaced">Want to see more?</p>
|
||||
<p class="subtitle is-6">We value learning new things and sharing our knowledge, so we take time each week to share with one another what we've discovered or figured out. <a href="#">Join us on Fridays for Show and Tell</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
80
static-layouts/design-source/templates/work_tiles.hbs
Normal file
80
static-layouts/design-source/templates/work_tiles.hbs
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
<div class="titlebar content">
|
||||
<div class="titlebar_title">
|
||||
<h3 class="subtitle is-mono is-4">Work</h3>
|
||||
</div>
|
||||
<div class="titlebar_links">
|
||||
<a href="#">More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-ancestor">
|
||||
<div class="tile is-vertical is-4">
|
||||
<div class="tile">
|
||||
<div class="tile is-vertical">
|
||||
<div class="tile">
|
||||
<div class="tile is-parent">
|
||||
<a href="#" class="tile is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-drtb-connamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">DRTB Network</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-parent">
|
||||
<a href="#" class="tile is-child card card-project is-berry">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-backupify-berry.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Backupify</p>
|
||||
<p class="subtitle">Secure cloud management portal</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-parent is-8">
|
||||
<a href="#" class="tile is-child card card-project is-large is-blue">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MASS Design Group</p>
|
||||
<p class="subtitle">Global humainitarian architecture firm</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-ancestor">
|
||||
<div class="tile is-parent">
|
||||
<a href="#" class="tile is-child card card-project is-marine">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-mit-marine.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">MIT</p>
|
||||
<p class="subtitle">Multi-faceted data migration</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="tile is-parent ">
|
||||
<a href="#" class="tile is-child card card-project is-dandelion">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-pih-dandelion.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Partners in Health</p>
|
||||
<p class="subtitle">Mluti-lingual global website</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="tile is-parent">
|
||||
<a href="#" class="tile is-child card card-project is-cinnamon">
|
||||
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p class="title">Find It Cambridge</p>
|
||||
<p class="subtitle">Community directory</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue