@@ -8,11 +8,12 @@ import Button from '../../../components/Button';
import SectionBox from '../../../components/SectionBox';
import MemberSquare from '../../../components/MemberSquare';
import ApplySection from '../../../components/ApplySection';
import Footer from '../../../components/Footer';

class Home extends Component {
render() {
return (
<div className="container-fluid Home">
<div className="container-fluid Home flush">
<div className="row">
<div className="col-md-6">
<TitleSection
@@ -33,13 +34,13 @@ class Home extends Component {
background="white"
>
<Button
width="200px"
copy="This is a button"
width="220px"
copy="APPLY FOR MEMBERSHIP"
/>
</TitleSection>
</div>
</div>
<div className="row Home-description">
<div className="row Home-description page-section">
<div className="col-md-5 col-md-offset-1">
<h3>
QVentures is a private members investment club for
@@ -56,110 +57,139 @@ class Home extends Component {
</h3>
</div>
<div className="col-md-5 col-md-offset-1">
<SectionBox background="blue" />
<SectionBox background="#554646" className="dark">
<h1>1</h1>
<p>Who we are</p>
</SectionBox>
</div>
</div>
<div className="row Home-membership">
<div className="col-sm-2 col-sm-offset-1">
<SectionBox background="blue" />
</div>
<div className="col-sm-5 col-sm-offset-1">
<div className="row">
<div className="col-sm-12">
<h3>
Membership consists of a strictly vetted
community of angel investors, fund managers
and entrepeneur investors
</h3>
</div>
<div className="Home-membership">
<span className="border"></span>
<div className="row">
<div className="col-sm-2 col-sm-offset-1">
<SectionBox background="#CED8DA">
<h1>2</h1>
<p>Membership</p>
</SectionBox>
</div>
<div className="row">
<div className="col-sm-5">
<h5>BENEFITS</h5>
<p>
Invest in deals that are backed by some of
the most trusted and successful investors in
the market.
</p>
<p>
Minimum investment size is £25k per
investment.
</p>
<p>
Ability to follow-on in further funding
rounds if appropriate.
</p>
<p>
Members must be comfortable investing in a
portfolio of unlisted securities.
</p>
<div className="col-sm-5 col-sm-offset-1">
<div className="row">
<div className="col-sm-12">
<h3>
Membership consists of a strictly vetted
community of angel investors, fund managers
and entrepeneur investors
</h3>
</div>
</div>
<div className="col-sm-5 col-sm-offset-1">
<h5>CRITERIA</h5>
<p>
Members are vetted in person or over the
telephone.
</p>
<p>
Investors Only: must be able to deploy
funds, no intermediaries.
</p>
<p>
Minimum investment size is £25k per
investment.
</p>
<p>
Ability to follow-on in further funding
rounds if appropriate.
</p>
<p>
Members must be comfortable investing in a
portfolio of unlisted securities.
</p>
<div className="row">
<div className="col-sm-5">
<h5>BENEFITS</h5>
<p>
Invest in deals that are backed by some of
the most trusted and successful investors in
the market.
</p>
<p>
Minimum investment size is £25k per
investment.
</p>
<p>
Ability to follow-on in further funding
rounds if appropriate.
</p>
<p>
Members must be comfortable investing in a
portfolio of unlisted securities.
</p>
</div>
<div className="col-sm-5 col-sm-offset-1">
<h5>CRITERIA</h5>
<p>
Members are vetted in person or over the
telephone.
</p>
<p>
Investors Only: must be able to deploy
funds, no intermediaries.
</p>
<p>
Minimum investment size is £25k per
investment.
</p>
<p>
Ability to follow-on in further funding
rounds if appropriate.
</p>
<p>
Members must be comfortable investing in a
portfolio of unlisted securities.
</p>
</div>
</div>
</div>
</div>
</div>
<div className="row Home-benefits">
<div className="col-sm-6">
<h1>3</h1>
<h3>Ancillary Benefits</h3>
<p>
In addition to curated dealflow, our membership
provides access to a toptier club of like-minded
individuals, delivering value in the form of new
business relationships, non-exec placements and
other ancillary benefits.
</p>
<p>
Being part of the Quintessentially Group, members
get access to exclusive enterprise, luxury and
charity events around the world.
</p>
<div className="col-sm-6 Home-benefits-blue">
<div className="Home-benefits-container">
<h1>3</h1>
<h3 className="semi">Ancillary Benefits</h3>
<h3>
In addition to curated dealflow, our membership
provides access to a toptier club of like-minded
individuals, delivering value in the form of new
business relationships, non-exec placements and
other ancillary benefits.
</h3>
<h3>
Being part of the Quintessentially Group, members
get access to exclusive enterprise, luxury and
charity events around the world.
</h3>
</div>
</div>
<div className="col-sm-6">
<h1>4</h1>
<h3>Member Engagement</h3>
<p>
We host regular investor meetings in London and
foster a club environment that provides best
practice sharing and where there is a spirit of give
and gain.
</p>
<p>
Members are invited to an online platform where they
can benefit from access to the latest deals and a
full member directory. The calibre of our membership
attracts the most promising entrepreneurs.
</p>
<div className="col-sm-6 column-flush">
<div className="Home-benefits-container">
<h1>4</h1>
<h3 className="semi">Member Engagement</h3>
<h3>
We host regular investor meetings in London and
foster a club environment that provides best
practice sharing and where there is a spirit of give
and gain.
</h3>
<h3>
Members are invited to an online platform where they
can benefit from access to the latest deals and a
full member directory. The calibre of our membership
attracts the most promising entrepreneurs.
</h3>
</div>
</div>
</div>
<div className="row Home-members">
<div className="col-sm-4">
<div className="Home-members">
<div className="row">
<div className="col-sm-6 col-sm-offset-3 text-center">
<span className="snack" />
<h1>A Selection of our QVentures Members</h1>
</div>
</div>
<div className="col-sm-3 column-flush">
<MemberSquare />
</div>
<div className="col-sm-3 column-flush">
<MemberSquare />
</div>
<div className="col-sm-3 column-flush">
<MemberSquare />
</div>
<div className="col-sm-3 column-flush">
<MemberSquare />
</div>
</div>
<ApplySection />
<Footer />
</div>
);
}
@@ -1,4 +1,38 @@
.container-fluid{
.container-fluid.flush{
padding:0!important;
margin:auto!important;
}

.Home-description {
padding-top: 160px;
padding-bottom: 160px;
}
.Home-membership {
background: #1F3134;
color: #ffffff;
padding-top: 45px;
padding-bottom: 45px;
position: relative;
}
.Home-membership .border {
position: absolute;
/*width: 100%;
height: 100%;*/
left: 20px;
top: 25px;
right: 20px;
bottom: 24px;
border: 1px solid #3D5459;
}
.Home-membership p {
opacity: 0.5;
}
.Home-benefits-container {
padding: 100px 18%;
}
.Home-benefits-container h1 {
margin-top: 0;
}
.Home-benefits-blue {
background: #CED8DA;
}
@@ -12,7 +12,7 @@ body, html {
Green #1F3134
Brown: #554646;
Grey: #CED8DA;
GrayText: #9AB1B6;
GrayText: #365156;
lighetGrey: #DEDCDC;
*/
@@ -26,6 +26,54 @@ h3 {
font-size: 18px;
font-weight: 400;
}
h3.semi {
font-weight: 600;
}
h5 {
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 2px;
}
p {
line-height: 1.5;
}
p.small {
font-size: 12px;
opacity: 0.6;
}

.qVenturesLink {
display: inline-block;
font-family: OpenSans-Semibold;
font-size: 14px;
letter-spacing: 2px;
line-height: 22px;
position: relative;
}
.qVenturesLink:before {
position: absolute;
right: -25px;
top: 50%;
content: " ";
width: 20px;
height: 1px;
background: #ffffff;
}
.qVenturesLink:hover {
text-decoration: none;
}
.text-center {
text-align: center;
}

.snack {
margin-top: 60px;
width: 40px;
height: 1px;
display: inline-block;
background: #CED8DA;
}

.column-flush {
padding: 0;