Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

W3 A3 - Sass and jQuery Peter/Hollis (final) #25

Open
wants to merge 93 commits into
base: master
Choose a base branch
from

Conversation

hollislau
Copy link

Refactored CSS using Sass to enhance maintainability and added some interactions and animations with jQuery. Structured code into a custom architecture categorized into base styles, components, and a document layout. Added a few missing components such as section arrows and hover states
and addressed some cross-browser compatibility issues.

screenshot from 2015-09-18 18 15 09
screenshot from 2015-09-18 18 16 18

hollislau and others added 30 commits September 8, 2015 09:18
directory includes a reset.css as well as a
pricing tables CSS and HTML file
…W2-A2

* 'master' of github.com:hollislau/advanced-presentation__W2-A2:
  Finalize HTML to include all relevant text
pricing-tables.css to style.css links updated
in the index.html
the directory is within CSS and the style.css
has been updated to include @font-face
added all pricing plan components to the
basic-pricing.html and updated the css file
* pricing-header:
  update pricing component styles
Including: horizontal white line. Added spans
to the h3 'pricing' section element
Removed <ul> and <li> elements from HTML
Add icon
Wrapped services categories in a container and
added flex-box. Added a font color white class.
the entire services section is now in
services.html
updated font package to include a down arrow; added a portfolio.html component
category text now center aligned
add a navigation menu below the slider and remove
"all works" as a header item.
adds a contact.html; style for mobile view.
Peter Strumolo and others added 29 commits September 16, 2015 16:18
* portfolio:
  update the _icons.scss with correct names
Create javascript folder and download button
partial. Update to components index file
Merge branch 'portfolio' into w3-a3__sass-and-jquery

* portfolio:
  update to slider & download button styles
  Create sass slider in component directory
* header:
  update to header and logo positions
* portfolio-jquery:
  add port_nav.js with basic functionality
Merge branch 'w3-a3__sass-and-jquery' of github.com:hollislau/advanced-presentation__W2-A2 into w3-a3__sass-and-jquery

* 'w3-a3__sass-and-jquery' of github.com:hollislau/advanced-presentation__W2-A2:
  Refactor footer section with Sass
  Refactor about section with Sass
  Refactor aside component with Sass
Merge branch 'edit-mainsass' into w3-a3__sass-and-jquery

* edit-mainsass:
  add orange arrow to footer
  edit the style of the main menu
  update to port-nav script and layout styles
@hollislau hollislau changed the title W3 A3 - Sass and jQuery Peter/Hollis (wip) W3 A3 - Sass and jQuery Peter/Hollis (final) Sep 19, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant