added in new envelope and laptop graphics and styled more headers and p
This commit is contained in:
Justine Arreche
parent
95dc02727b
commit
c72509b4dd
|
|
@ -6,6 +6,7 @@
|
|||
line-height: 1em
|
||||
font-weight: 300
|
||||
color: #8f9294
|
||||
margin-bottom: 0
|
||||
|
||||
h2
|
||||
font-size: 3.3em
|
||||
|
|
@ -19,11 +20,16 @@
|
|||
font-weight: 300
|
||||
|
||||
.hero, .oss-testing, .customers, .recent-builds, .free-for-oss, .private-repos, .features-list, .build-flows, .user-testimonials
|
||||
margin-bottom: 200px
|
||||
padding: 70px 0 70px 0
|
||||
|
||||
.hero
|
||||
background-color: #f4f3f0
|
||||
h1
|
||||
color: #339999
|
||||
margin-bottom: 0.3em
|
||||
|
||||
p
|
||||
margin: 0
|
||||
|
||||
.button
|
||||
background-color: #39a85b
|
||||
|
|
@ -31,29 +37,94 @@
|
|||
font-size: 2em
|
||||
font-weight: 300
|
||||
padding: 0.5em
|
||||
margin-top: 1.3em
|
||||
border-radius: 4px
|
||||
border: 0
|
||||
|
||||
.sign-in-mascot
|
||||
padding-right: 10px
|
||||
|
||||
.oss-testing
|
||||
text-align: center
|
||||
|
||||
h2
|
||||
margin: 0
|
||||
|
||||
p
|
||||
margin-top: 0.5em
|
||||
margin-bottom: 2em
|
||||
|
||||
.customers
|
||||
text-align: center
|
||||
|
||||
.left
|
||||
text-align: left
|
||||
|
||||
img
|
||||
margin: 0 30px 0 30px
|
||||
|
||||
.recent-builds
|
||||
background-color: #f4f3eb
|
||||
text-align: center
|
||||
|
||||
h2
|
||||
color: #db4141
|
||||
text-align: right
|
||||
margin: 0
|
||||
|
||||
p
|
||||
text-align: right
|
||||
margin-top: 0.5em
|
||||
margin-bottom: 2em
|
||||
|
||||
img
|
||||
margin-bottom: 20px
|
||||
|
||||
.free-for-oss
|
||||
text-align: center
|
||||
|
||||
h1
|
||||
margin-bottom: 0.3em
|
||||
|
||||
p
|
||||
margin: 0
|
||||
|
||||
span.bold-italic
|
||||
font-weight: 600
|
||||
font-style: italic
|
||||
|
||||
.private-repos
|
||||
text-align: center
|
||||
|
||||
h2
|
||||
color: #339999
|
||||
margin: 0
|
||||
text-align: right
|
||||
|
||||
p
|
||||
margin-top: 0.5em
|
||||
margin-bottom: 2em
|
||||
text-align: right
|
||||
|
||||
.features-list
|
||||
h2
|
||||
margin: 0
|
||||
|
||||
h3
|
||||
font-size: 1.4em
|
||||
font-weight: 300
|
||||
color: #413c3c
|
||||
text-align: center
|
||||
|
||||
p
|
||||
font-size: 1.15em
|
||||
font-weight: 300
|
||||
color: #606162
|
||||
text-align: center
|
||||
|
||||
ul
|
||||
list-style-image: url('../images/landing-page/features-check.svg')
|
||||
padding-left: 1.5em
|
||||
|
||||
li
|
||||
font-color: #606162
|
||||
|
|
@ -61,6 +132,9 @@
|
|||
font-weight: 300
|
||||
margin-bottom: 0.55em
|
||||
|
||||
.branch-flows
|
||||
text-align: center
|
||||
|
||||
.user-testimonials
|
||||
p
|
||||
font-size: 1.15em
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<a href="#" class="button"><img src="../images/landing-page/sign-in-mascot.svg" class="sign-in-mascot">Sign Up</a>
|
||||
</div>
|
||||
<div class="medium-6 columns">
|
||||
<p>(Computer graphic)</p>
|
||||
<img src="../images/landing-page/laptop.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -23,27 +23,15 @@
|
|||
|
||||
<div class="row customers">
|
||||
<div class="medium-6 columns">
|
||||
<div class="small-4 columns">
|
||||
<img src="../images/landing-page/customers-facebook.svg">
|
||||
</div>
|
||||
<div class="small-4 columns">
|
||||
<img src="../images/landing-page/customers-heroku.svg">
|
||||
</div>
|
||||
<div class="small-4 columns">
|
||||
<img src="../images/landing-page/customers-mozilla.svg">
|
||||
</div>
|
||||
<div class="small-4 columns">
|
||||
<img src="../images/landing-page/customers-rails.svg">
|
||||
</div>
|
||||
<div class="small-4 columns">
|
||||
<img src="../images/landing-page/customers-twitter.svg">
|
||||
</div>
|
||||
<div class="small-4 columns">
|
||||
<img src="../images/landing-page/customers-zendesk.svg">
|
||||
</div>
|
||||
<img src="../images/landing-page/customers-facebook.svg">
|
||||
<img src="../images/landing-page/customers-heroku.svg">
|
||||
<img src="../images/landing-page/customers-mozilla.svg"><br>
|
||||
<img src="../images/landing-page/customers-rails.svg">
|
||||
<img src="../images/landing-page/customers-twitter.svg">
|
||||
<img src="../images/landing-page/customers-zendesk.svg">
|
||||
</div>
|
||||
<div class="medium-6 columns">
|
||||
<p>Some pretty awesome companies and projects are a few of our users</p>
|
||||
<p class="left">Some pretty awesome companies and projects are a few of our users</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -62,7 +50,7 @@
|
|||
<div class="row free-for-oss">
|
||||
<div class="large-12 columns">
|
||||
<h1>Testing your open source project is always 10,000% free</h1>
|
||||
<p>Seriously. Always. We like to think of it as our way of giving back to a community that gives us so much as well.</p>
|
||||
<p><span class="bold-italic">Seriously. Always.</span> We like to think of it as our way of giving back to a community that gives us so much as well.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -72,7 +60,7 @@
|
|||
<p>Travis CI for private repositories has plans for every size project.</p>
|
||||
</div>
|
||||
<div class="medium-6 columns">
|
||||
<p>(Envelope graphic)</p>
|
||||
<img src="../images/landing-page/envelope.svg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
101
public/images/landing-page/envelope.svg
Normal file
101
public/images/landing-page/envelope.svg
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="298.708px" height="242.575px" viewBox="0 0 298.708 242.575" enable-background="new 0 0 298.708 242.575"
|
||||
xml:space="preserve">
|
||||
<path fill="#FFFFFF" d="M298.661,100.503L298.661,100.503c0.001-0.002,0-0.002,0-0.002l0.047-0.7l-0.407-0.06
|
||||
c-5.011-10.791-14.729-15.059-14.729-15.059S196.567,33.07,183.06,25.701c-13.508-7.368-17.548-11.408-23.981-11.84
|
||||
c-6.433-0.432-24.513,8.053-24.513,8.053S42.314,60.682,26.836,66.644c-12.385,4.771-15.748,11.34-16.601,13.783l-0.212,0.002
|
||||
L0.454,223.038l288.11,19.065l0.574,0.307l0.018-0.268h0.002l-0.001-0.004L298.661,100.503z"/>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#DC4242" d="M298.661,100.5l0.047-0.699l-0.407-0.06c-5.011-10.791-14.729-15.059-14.729-15.059
|
||||
S196.567,33.07,183.06,25.701c-13.508-7.368-17.548-11.408-23.981-11.84c-6.433-0.432-24.513,8.053-24.513,8.053
|
||||
S42.314,60.682,26.836,66.644c-12.385,4.771-15.748,11.34-16.601,13.783l-0.212,0.002l-0.647,9.657L9.577,90.1
|
||||
c0.839-2.465,4.188-9.204,16.632-14.104c15.487-6.099,107.798-45.741,107.798-45.741s18.092-8.674,24.524-8.241
|
||||
c6.434,0.432,10.47,4.544,23.968,12.039c13.499,7.494,100.444,59.996,100.444,59.996s9.746,4.352,14.733,15.384l0.383,0.026
|
||||
l0.602-8.955h0.001C298.662,100.501,298.661,100.501,298.661,100.5z"/>
|
||||
</g>
|
||||
</g>
|
||||
<path fill="#EF4137" d="M298.014,110.154l0.046-0.695l-0.383-0.026C297.787,109.676,297.909,109.904,298.014,110.154z"/>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#EFEFEF" d="M296.429,113.738c0.312,1.453-0.622,2.896-2.075,3.208L63.22,166.494
|
||||
c-1.453,0.312-2.896-0.622-3.208-2.075L36.089,52.816c-0.312-1.453,0.622-2.896,2.075-3.208L269.295,0.06
|
||||
c1.453-0.312,2.896,0.622,3.208,2.075L296.429,113.738z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<path fill="#DB4B4B" d="M289.139,242.41l9.569-142.608c0,0-26.559-1.513-52.028,8.895c-25.469,10.407-85.078,36.024-85.078,36.024
|
||||
s-9.669,3.659-9.975,8.216c-0.307,4.558,1.834,16.817,1.834,16.817L289.139,242.41z"/>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#F9F9FA" d="M288.917,122.82c0.27,1.461-0.705,2.877-2.167,3.146L54.283,168.824c-1.461,0.269-2.877-0.706-3.146-2.168
|
||||
L30.445,54.41c-0.27-1.461,0.705-2.877,2.166-3.146L265.078,8.406c1.461-0.269,2.877,0.706,3.146,2.168L288.917,122.82z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#7F8082" d="M221.626,12.859c-0.247-0.293-0.653-0.393-0.991-0.239c-0.344,0.155-0.532,0.52-0.464,0.903
|
||||
c0.017,0.092,0.045,0.182,0.071,0.274c0.269,0.972,0.537,1.942,0.807,2.915l1.65-0.305c-0.266-0.959-0.532-1.918-0.799-2.879
|
||||
C221.836,13.294,221.789,13.054,221.626,12.859z"/>
|
||||
<path fill="#7F8082" d="M230.919,10.82c-0.146-0.523-0.528-0.775-0.987-0.671c-0.455,0.104-0.726,0.562-0.625,1.072
|
||||
c0.031,0.159,0.082,0.315,0.125,0.472c0.314,1.137,4.118,14.831,5.709,20.54c0.247,0.888,0.1,1.674-0.533,2.327
|
||||
c-1.242,1.287-3.37,0.751-3.859-0.97c-0.767-2.706-1.509-5.421-2.261-8.134c-0.889-3.208-1.778-6.415-2.667-9.624
|
||||
c-0.624-2.253-1.247-4.509-1.865-6.764c-0.51-1.863,0.721-3.981,2.57-4.531c2.224-0.659,4.351,0.507,4.97,2.743
|
||||
c0.662,2.38,1.321,4.76,1.982,7.139l1.651-0.303c-0.679-2.445-1.356-4.892-2.034-7.337c-0.089-0.327-0.197-0.644-0.344-0.952
|
||||
c-1.046-2.213-3.51-3.5-5.939-3.094c-2.395,0.4-4.297,2.391-4.603,4.781c-0.122,0.963,0.054,1.887,0.306,2.801
|
||||
c0.538,1.943,1.077,3.885,1.615,5.828c1.539,5.555,3.077,11.107,4.618,16.661c0.131,0.469,0.284,0.931,0.424,1.397
|
||||
c0.656,2.192,3.289,3.393,5.46,2.379c1.655-0.774,2.673-2.736,2.205-4.436C235.231,26.327,231.276,12.112,230.919,10.82z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g opacity="0.4">
|
||||
<g>
|
||||
<g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#969696" d="M260.533,48.519c-0.119-0.651-0.395-1.207-0.849-1.684
|
||||
c-0.922-0.965-2.022-1.311-3.338-1.068c-8.072,1.487-16.146,2.965-24.218,4.445c-2.401,0.44-4.803,0.874-7.199,1.323
|
||||
c-1.997,0.376-3.197,2.132-2.834,4.116c2.322,12.66,4.643,25.32,6.969,37.977c0.041,0.229,0.089,0.459,0.174,0.671
|
||||
c0.475,1.188,1.976,2.47,3.884,2.104c1.903-0.364,3.809-0.703,5.713-1.052c0.142-0.025,0.284-0.054,0.482-0.087
|
||||
c0.391,2.132,0.771,4.206,1.174,6.402c1.345-1.955,2.614-3.807,3.905-5.688c1.879,1.297,3.735,2.579,5.591,3.861
|
||||
c0.032-0.021,0.063-0.041,0.093-0.061c-0.381-2.085-0.764-4.169-1.151-6.279c0.197-0.038,0.357-0.066,0.516-0.096
|
||||
c5.07-0.93,10.135-1.877,15.208-2.78c2.186-0.39,3.146-2.624,2.864-4.134C265.16,73.84,262.853,61.177,260.533,48.519z
|
||||
M264.061,85.908c0.126,0.778-0.583,1.595-1.447,1.764c-0.842,0.166-1.69,0.312-2.535,0.467
|
||||
c-3.74,0.688-7.482,1.372-11.223,2.059c-0.16,0.03-0.318,0.06-0.515,0.096c-0.195-1.064-0.386-2.104-0.583-3.178
|
||||
c-3.22,0.591-6.399,1.174-9.623,1.765c0.191,1.043,0.381,2.084,0.577,3.154c-0.154,0.037-0.269,0.073-0.385,0.095
|
||||
c-1.407,0.26-2.819,0.498-4.222,0.781c-0.964,0.195-2.013-0.475-2.15-1.489c-0.208-1.524-0.538-3.031-0.821-4.576
|
||||
c10.678-1.96,21.329-3.913,32.032-5.876C263.472,82.637,263.796,84.267,264.061,85.908z M262.591,77.729
|
||||
c-0.177,0.041-0.314,0.079-0.456,0.104c-8.248,1.516-16.496,3.024-24.742,4.549c-0.383,0.072-0.484-0.035-0.55-0.392
|
||||
c-1.699-9.31-3.407-18.617-5.115-27.923c-0.024-0.133-0.049-0.265-0.079-0.43c8.571-1.572,17.103-3.137,25.66-4.706
|
||||
C259.066,58.516,260.824,68.099,262.591,77.729z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#969696" d="M238.621,55.66c-1.054,0.193-2.083,0.383-3.144,0.578
|
||||
c0.197,1.08,0.39,2.128,0.58,3.165c1.073-0.196,2.112-0.388,3.145-0.577C239.006,57.755,238.815,56.716,238.621,55.66z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#969696" d="M242.15,74.897c-1.063,0.194-2.102,0.386-3.158,0.579
|
||||
c0.194,1.06,0.384,2.096,0.578,3.154c1.09-0.2,2.125-0.391,3.158-0.58C242.533,76.979,242.342,75.942,242.15,74.897z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#969696" d="M240.978,68.477c-1.059,0.193-2.095,0.384-3.155,0.577
|
||||
c0.2,1.085,0.39,2.121,0.58,3.156c1.066-0.194,2.104-0.386,3.153-0.578C241.36,70.572,241.172,69.537,240.978,68.477z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#969696" d="M239.807,62.089c-1.07,0.197-2.106,0.387-3.155,0.58
|
||||
c0.193,1.057,0.384,2.091,0.575,3.136c1.066-0.195,2.102-0.386,3.156-0.579C240.189,64.175,240.002,63.151,239.807,62.089z"/>
|
||||
</g>
|
||||
</g>
|
||||
<text transform="matrix(0.9836 -0.1804 0.1804 0.9836 82.9014 109.3535)"><tspan x="0" y="0" fill="#669999" font-family="'SourceSansPro-Bold'" font-size="35.9994">PRIVATE</tspan><tspan x="51.965" y="12.558" fill="#262626" font-family="'SourceSansPro-Regular'" font-size="11.7207">CONFIDENTIAL</tspan></text>
|
||||
</g>
|
||||
<path fill="#DB4B4B" d="M0.454,223.038l9.569-142.608c0,0,26.524,2.051,50.374,15.767c23.85,13.718,79.501,47.068,79.501,47.068
|
||||
s9.096,4.917,8.789,9.474c-0.306,4.56-4.064,16.424-4.064,16.424L0.454,223.038z"/>
|
||||
<path fill="#DC4242" stroke="#C13736" stroke-width="0.7832" stroke-miterlimit="10" d="M289.158,242.142
|
||||
c-4.892-11.367-15.09-15.82-15.09-15.82s-87.006-51.613-100.514-58.982c-13.506-7.369-17.548-11.408-23.98-11.84
|
||||
c-6.434-0.432-24.514,8.054-24.514,8.054S32.81,202.321,17.331,208.283c-15.478,5.963-16.877,14.755-16.877,14.755L289.158,242.142z
|
||||
"/>
|
||||
<circle fill="#FFFFFF" stroke="#E2E2E2" stroke-width="0.7832" stroke-miterlimit="10" cx="149.822" cy="163.865" r="23.911"/>
|
||||
<path opacity="0.8" fill="#EEB2A5" d="M159.631,162.455l-2.248-0.187l0.309-3.72c0.302-3.604-2.375-6.764-5.98-7.064
|
||||
c-0.043-0.005-0.077-0.008-0.125-0.012c-0.032-0.003-0.078-0.005-0.115-0.006c-3.603-0.303-6.764,2.373-7.065,5.979l-0.31,3.715
|
||||
l-2.248-0.188c-0.542-0.043-1.024,0.364-1.07,0.906l-1.015,12.185c-0.045,0.542,0.362,1.024,0.905,1.069l17.781,1.481
|
||||
c0.545,0.046,1.026-0.361,1.071-0.904l1.016-12.184C160.581,162.981,160.175,162.499,159.631,162.455z M151.785,167.712
|
||||
c-0.129,0.169-0.294,0.325-0.473,0.438c-0.168,0.105-0.219,0.227-0.232,0.41c-0.064,0.869-0.139,1.738-0.215,2.604
|
||||
c-0.045,0.499-0.308,0.835-0.699,0.929c-0.565,0.135-1.102-0.256-1.106-0.86c-0.003-0.518,0.077-1.037,0.12-1.558
|
||||
c-0.007,0-0.011-0.001-0.019-0.001c0.034-0.415,0.06-0.831,0.109-1.243c0.025-0.211-0.029-0.342-0.19-0.486
|
||||
c-0.7-0.636-0.748-1.71-0.13-2.43c0.637-0.742,1.74-0.846,2.499-0.236C152.205,165.885,152.359,166.956,151.785,167.712z
|
||||
M147.357,161.432l0.309-3.716c0.15-1.793,1.731-3.142,3.534-2.991c0.043,0.003,0.155,0.013,0.155,0.013s0.054,0.004,0.084,0.008
|
||||
c1.794,0.148,3.135,1.74,2.985,3.53l-0.311,3.72L147.357,161.432z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.4 KiB |
BIN
public/images/landing-page/laptop.png
Normal file
BIN
public/images/landing-page/laptop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
Loading…
Reference in New Issue
Block a user