<template>

<div>

<v-app >

<div class="all blue-grey darken-4" id="intro">

<v-toolbar class="elevation-0 cc-toolbar" :dark="true" :class="[transparentOn ? 'transparent-toolbar' : 'solid-toolbar']" :fixed="istoolbarfixed">

<v-toolbar-title class="toolbar-title">

Chimpcode

</v-toolbar-title>

<span class="dot-title"> &#x25cf;</span>

<v-spacer></v-spacer>

<v-btn flat dark class="opts">Con&oacute;cenos</v-btn>

<v-btn flat dark class="opts">Nuestros Proyectos</v-btn>

<v-btn flat dark class="opts">Cont&aacute;ctanos</v-btn>

<v-btn outline style="color: #22dea1" flat dark class="opts" @click.native.stop="sidebar = !sidebar">Se parte de nosotros</v-btn>

</v-toolbar>

<sidebar :open="sidebar"

@update-sidebar-open="onSidebarChange"

transition="slide-x-transition",

@on-info-submission="onSendSubmission">

</sidebar>

<main>

<v-container>

<cc-logo id="logo"></cc-logo>

</v-container>

</main>

<v-footer class="pa-3 cc-footer">

<v-spacer></v-spacer>

Made with

&nbsp;

<v-icon style="color: #c50b56;">favorite</v-icon>

&nbsp;

by chimpcode team

&nbsp;

&nbsp;

<div>© {{ new Date().getFullYear() }}</div>

</v-footer>

</div>

<v-container fluid style="padding:0px !important" class="brand-font">

<v-layout row wrap>

<v-flex xs12 sm6 class="primary py-3 px-5 block-content">

<div class="vertical-center">

<h5><strong>Lorem ipsum dolor sit amet</strong></h5>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing 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 anim

id est laborum</p>

</div>

</v-flex>

<v-flex xs12 sm6 class="black white--text pa-3">

<h3 class="vertical-center text-xs-center px-5" style="line-height: 58px;">100% Software personalizado</h3>

</v-flex>

</v-layout>

</v-container>

<v-container fluid style="padding:0px !important" class="brand-font">

<v-layout row wrap>

<v-flex xs12 sm6 class="black white--text py-3 px-5 block-content">

<div class="vertical-center">

<h5><strong>Lorem ipsum dolor sit amet</strong></h5>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing 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 anim

id est laborum</p>

</div>

</v-flex>

<v-flex xs12 sm6 class="primary pa-3">

<h3 class="vertical-center text-xs-center px-5" style="line-height: 58px;">100% Software personalizado</h3>

</v-flex>

</v-layout>

</v-container>

<v-snackbar

:timeout="5000"

class="snackbar_info"

:multi-line="true"

:vertical="true"

v-model="snackbar_result"

>

<span>{{ snackbar_text }}</span>

<v-btn dark flat @click.native="snackbar_result = false">Close</v-btn>

</v-snackbar>

</v-app>

</div>

</template>

<script>

</script>

<style lang="scss">

</style>