Giter Club home page Giter Club logo

pacificlabs's Introduction

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.

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.

pacificlabs's People

Contributors

clairesunstudio avatar slarrain avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.