slarrain / pacificlabs

PacificLabs website

PacificLabs

Code base for the PacificLabs website.

Getting Started

• Fork this repository on GitHub
• Run npm install at the root folder
• Open index.html in the browser

Start Local Dev

• Run npm install at the root folder
• Run gulp dev to compile and watch changes

CSS Compilation

Custom CSS is compiled from less files in less folder

• Background image of the intro section can be changed in less/intro.less
• Background image of the services section can be changed in less/sections.less

Content Update

All content updates happen in index.html

• To update clients section — Navigate to <!-- Clients Section -->
  1. Save a square logo preferrably 150px by 150px in img/logos
  2. Update src attribute to match the saved logo name in <img class="logo" src="../img/logos/logo_150x150.png" />
  3. To add a second row of logos — copy and paste the entire div <div class="row text-center">
• To update testimonials section — Navigate to <!-- Testimonials Section -->
  1. Replace the lorem ipsum text in <p>
  2. Use the <!-- Quote by --> example to add an optional name and title for the quote provider
  3. Add or remove a <div class="item container"> and the corresponding indicator <li> under <!-- Indicators --> to add or remove a testimonials quote slide
• To update team section — Navigate to <!-- Team Section -->.
  1. Update src attribute to match the saved profile picture name in <img class="profile-image" src="../img/profiles/profile_150x150.png" />
  2. Update replace holder text
  3. Add or remove <div class="profile col-md-4 col-sm-6"> to add or remove a profile

Hide An Entire Section

Use template branch as a starter branch and refer to its index.html as the template with all sections

1. In develop branch remove the the entire section from index.html and PR into master to update the site
2. Don't forget to also remove or add back the anchor link in the navbar for the corresponding section, e.g.

<li>
    <a class="page-scroll" href="#testimonials">Testimonials</a>
</li>

Credit

This website is bootstrap from Grayscale — a multipurpose, one page HTML theme for Bootstrap created by Start Bootstrap. Start Bootstrap was created by and is maintained by David Miller, Managing Parter at Iron Summit Media Strategies.

• https://twitter.com/davidmillerskt
• https://github.com/davidtmiller

Have a bug or an issue with this template? Open a new issue here on GitHub or leave a comment on the template overview page at Start Bootstrap.

Start Bootstrap is based on the Bootstrap framework created by Mark Otto and Jacob Thorton.

Copyright and License

Copyright 2013-2015 Iron Summit Media Strategies, LLC. Code released under the Apache 2.0 license.