Permalink
Browse files

adding team and shit

  • Loading branch information...
jaubut committed Nov 14, 2017
1 parent 64b45e6 commit 397b8ee314a9c1ae925cf8277694a7588d45588a
@@ -0,0 +1 @@
{"version_app":"0.11.10","version_extension":"1.2.8","version_runtime":"2.0.5","groups":[{"name":"mouse + arrow","timeScale":1,"timelines":[{"type":"dom","props":{"scale":{"0s":"1","0.2526595744680851s":"1.25","0.5039893617021277s":"1"},"y":{"0s":"0px","0.2526595744680851s":"5","0.5039893617021277s":"-5"}},"label":"body/div/header/div[2]/a[2]/div/img","path":"div[1]/header[1]/div[2]/a[2]/div[1]/img[1]"},{"type":"dom","props":{"scale":{"0s":"1","0.2526595744680851s":"1.25","0.5026595744680851s":"1"},"y":{"0s":"0px","0.2526595744680851s":"5","0.5026595744680851s":"-5"}},"label":"body/div/header/div[2]/a[2]/div/img[2]","path":"div[1]/header[1]/div[2]/a[2]/div[1]/img[2]"}]}]}
View
BIN +1.03 MB src/assets/darko.jpg
Binary file not shown.
View
Binary file not shown.
View
BIN +1020 KB src/assets/jeremie.jpg
Binary file not shown.
View
BIN +429 KB src/assets/jo.jpg
Binary file not shown.
@@ -1,11 +1,18 @@
<template>
<div id="nav-service">
<p>contact</p>
<a href="mailto:allo@chanvrequebec.com">
<p class="click">contact</p>
</a>
</div>
</template>
<script>
export default {
name: 'nav-service'
name: 'nav-service',
methods: {
openSmooch (Smooch) {
Smooch.open()
}
}
}
</script>
<style lang="sass" scoped>
@@ -23,7 +30,7 @@ p
font-weight: 100
font-size: 0.85rem
padding: 0 15px
a
.click
text-decoration: none
opacity: 0.7
&:hover
View
@@ -4,16 +4,18 @@
<div class="section-1">
<h1>Discover our services</h1>
<div class="text-area">
<h3><span>rebrand.</span> is a big part of our mission here at <span>Chanvre Quebec</span>. It is our services division where we offer everything essentiel around branding for your hemp business.</h3>
<h3>Here at Chanvre Quebec, our purpose is to popularize what we believe to be the greatest ecological solution. To do so, we have lauched <strong>rebrand</strong>; a new division that offers all the essentials to build a strong image around your hemp business.</h3>
</div>
</div>
</section>
<section>
<div class="section-2">
<div class="text-zone">
<h2>Web development</h2>
<p>Our web development services are high end hand crafted web apps.</p>
<button class="apply-now">talk with our team</button>
<p>Our web development services are high-end custom web apps. We develop a proper design that fits your need rather than the opposite. We truly focus on analytics to optimize your presence on the web.</p>
<a href="mailto:allo@chanvrequebec.com">
<button class="apply-now">talk with our team</button>
</a>
</div>
<img class="image-zone" src="../assets/webdev-1.png" alt="macbook jechanvre.io web">
</div>
@@ -23,17 +25,21 @@
<img src="../assets/facebook-page.png" alt="facebook chanvre quebec">
<div class="text-zone">
<h2>Social Media</h2>
<p>In today's world, to get people attention and conversions. Your online presence need a great strategy. Socials medias play a center role in that journey. From Instagram, to twitter and beyond. Let us help you find the perfect strategy that suit your business profile.</p>
<button class="apply-now">talk with our team</button>
<p>In today's world, business need to build and maintain a strong community around their brand. Social media plays a cenrtal role in that journey. From Instagram to Facebook, let us help you find the best strategy to suit your business profile.</p>
<a href="mailto:allo@chanvrequebec.com">
<button class="apply-now">talk with our team</button>
</a>
</div>
</div>
</section>
<section>
<div class="section-2">
<div class="text-zone">
<h2>Photos & Videos</h2>
<p>Get your teams, services and products a nice look with services from professionals photographers and videographers.</p>
<button class="apply-now">talk with our team</button>
<p>Get your teams, services and products a nice look with services from experienced and creative photographers and videographers.</p>
<a href="mailto:allo@chanvrequebec.com">
<button class="apply-now">talk with our team</button>
</a>
</div>
<iframe width="640" height="360" src="https://www.youtube.com/embed/5svVIY_DU20" frameborder="0" gesture="media" allowfullscreen></iframe>
</div>
@@ -43,8 +49,37 @@
<img src="../assets/branding.jpg" alt="chanvre quebec graine de chanvre">
<div class="text-zone">
<h2>Branding</h2>
<p>Finally, we love developing great experiences around hemp. From food, to construction, we can help create your next brand identity.</p>
<button class="apply-now">talk with our team</button>
<p>Last but not least, we love creating brand identity. From color mockups and logos to packaging, we build branding guides adapted to your preferenced and market tendencies. This will give you the opportunity to create a harmony between your website, your social media and your products.</p>
<a href="mailto:allo@chanvrequebec.com">
<button class="apply-now">talk with our team</button>
</a>
</div>
</div>
</section>
<section>
<div class="section-1">
<h2>Our dedicated team</h2>
<div class="team">
<div class="team-member">
<img src="../assets/darko.jpg" alt="">
<h4>Darko Popovic</h4>
<p>Business strategy</p>
</div>
<div class="team-member">
<img src="../assets/jeremie.jpg" alt="">
<h4>Jérémie Aubut</h4>
<p>Creative Leader</p>
</div>
<div class="team-member">
<img src="../assets/jo.jpg" alt="">
<h4>Jonathan Gagné</h4>
<p>Smooth talker</p>
</div>
<div class="team-member">
<img src="../assets/felix_chagnong.jpg" alt="">
<h4>Félix Chagnon</h4>
<p>Eagle Eye Photographer</p>
</div>
</div>
</div>
</section>
@@ -54,7 +89,7 @@
<img src="../assets/instagram-black.svg" alt="instagram logo">
</div>
<div class="footer-text">
<h3>Start your image <span class="yellow-here">here</span></h3>
<h3>Start your image <a href="mailto:allo@chanvrequebec.com"><span class="yellow-here">here</span></a></h3>
</div>
<div class="footer-right">
<div class="footer-line"></div>
@@ -65,7 +100,6 @@
</div>
</template>
<script>
export default {
name: 'index'
}
@@ -78,8 +112,10 @@ section
display: grid
grid-template: 5% 45% 45% 5% / 2% 48% 48% 2%
img
height: 100%
height: auto
max-height: 100%
width: auto
max-width: 50vw
.section-1
grid-area: 2/2/4/4
display: flex
@@ -92,7 +128,7 @@ section
.section-2
grid-area: 2/2/4/4
display: flex
flex-flow: row wrap
flex-flow: row nowrap
justify-content: space-around
align-items: center
background: $light-grey
@@ -104,19 +140,42 @@ section
flex-flow: row nowrap
justify-content: space-around
padding: 25px 45px
align-items: right
align-items: center
.text-zone
display: flex
flex-flow: column wrap
flex-flow: column nowrap
text-align: left
max-width: 35%
.image-zone
align-self: right
.text-area
padding: 0 30%
.team
display: flex
flex-flow: row wrap
justify-content: center
align-items: center
padding: 5%
.team-member
display: flex
flex-flow: column nowrap
justify-content: center
align-items: center
align-content: center
padding: 0 25px
text-align: center
h4
margin: 0
p
margin: 0
img
height: 100px
width: 100px
border-radius: 100%
margin: 15px
.allo
display: flex
flex-flow: column wrap
flex-flow: column nowrap
height: 100vh
justify-content: flex-end
align-items: center
@@ -222,6 +281,18 @@ footer
width: 90vw
.section-3
flex-flow: row wrap
img
order: 2
margin-top: 25px
.section-1
flex-flow: column nowrap
height: 100%
.section-2
flex-flow: row wrap
.team
height: 100%
.team-member
padding: 0
.text-area
padding: 0 5%
.text-zone

0 comments on commit 397b8ee

Please sign in to comment.