Levin Mejia levinmejia

## facebook-icon-css.css
/*Facebook Filled icon by Icons8 */
.icons8-Facebook-Filled { /* Customizes Facebook Filled icon */
  fill:false;
  width: 50px;
  height: 50px;
}
.icon { /* Customizes all icons at once */
  display: inline-block;
}

## fb-icon-paste.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Quickly Implement and Easily Animate SVG Icons On Your Site</title>
	<link rel="stylesheet" href="css/style.css">

	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

## add-virus-js.html
<script type="text/javascript" src="js/vivus.js"></script>
<script>
  new Vivus('my-svg', {type: 'delayed', duration: 100, file: 'images/facebook.svg'});
</script>

## inline-styles.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Quickly Implement and Easily Animate SVG Icons On Your Site</title>
	<link rel="stylesheet" href="css/style.css">

	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

## 1.liquid
{% unless collection.handle != 'bags' or collection.handle != 'blazers jackets' %}

## 2.liquid
{% assign linklist = linklists["brands"] %}
{% assign collections_per_row = settings.frontpage_collections_per_row %}

<div class="twelve columns collection-list">
	<h1 class="page-title">{{page.title | escape}}</h1>
	{{ page.content }}

    {% include 'collection-within-collection' %}
</div>

## with-comments.liquid
<ul class="block-grid mobile four-up product-collection">
	{% for link in linklist.links %} //Here we are saying use the links in the linklist we created and assign them to the below code
	<li>
		<div class="product">
		{% comment %}
	 You can connect collections, products, pages, & even blogs. By default it will use the first product that appears on a collection or you can pick a featured image.
		{% endcomment %}

		{% assign link_item = link.object %} //Creates a new variable for link_item using link.object which in-turn can access any of the attributes that are available (product, collection, page or blog)
		{% assign link_image = '' %}//creates a new variable for link_image which assigns

## without-comments.liquid
<ul class="block-grid mobile four-up product-collection">
  {% for link in linklist.links %}
  <li>
    <div class="product">
    {% comment %}
   You can connect collections, products, pages, & even blogs. By default it will use the first product that appears on a collection or you can pick a featured image as we’ve done.
    {% endcomment %}

    {% assign link_item = link.object %}
    {% assign link_image = '' %}

## full-page-bg.css
html {
background: url(images/bg.jpg) no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

## top-banner.html
<div class="promo-bar">
        {{ 'stocking.png' | asset_url | img_tag }}
        <p>Spend over $50 and get FREE expedited shipping! Delivers by November 22nd.</p>
        <a href="">Shop Now!</a>
      </div>

      <style>
        .promo-bar {
          position: relative;
          display: inline-block;
	/Facebook Filled icon by Icons8 /
	.icons8-Facebook-Filled { /* Customizes Facebook Filled icon */
	fill:false;
	width: 50px;
	height: 50px;
	}
	.icon { /* Customizes all icons at once */
	display: inline-block;
	}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Quickly Implement and Easily Animate SVG Icons On Your Site</title>
	<link rel="stylesheet" href="css/style.css">

	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<script type="text/javascript" src="js/vivus.js"></script>
	<script>
	new Vivus('my-svg', {type: 'delayed', duration: 100, file: 'images/facebook.svg'});
	</script>
	{% assign linklist = linklists["brands"] %}
	{% assign collections_per_row = settings.frontpage_collections_per_row %}

	<div class="twelve columns collection-list">
	<h1 class="page-title">{{page.title \| escape}}</h1>
	{{ page.content }}

	{% include 'collection-within-collection' %}
	</div>
	<ul class="block-grid mobile four-up product-collection">
	{% for link in linklist.links %} //Here we are saying use the links in the linklist we created and assign them to the below code
	<li>
	<div class="product">
	{% comment %}
	You can connect collections, products, pages, & even blogs. By default it will use the first product that appears on a collection or you can pick a featured image.
	{% endcomment %}

	{% assign link_item = link.object %} //Creates a new variable for link_item using link.object which in-turn can access any of the attributes that are available (product, collection, page or blog)
	{% assign link_image = '' %}//creates a new variable for link_image which assigns
	<ul class="block-grid mobile four-up product-collection">
	{% for link in linklist.links %}
	<li>
	<div class="product">
	{% comment %}
	You can connect collections, products, pages, & even blogs. By default it will use the first product that appears on a collection or you can pick a featured image as we’ve done.
	{% endcomment %}

	{% assign link_item = link.object %}
	{% assign link_image = '' %}
	html {
	background: url(images/bg.jpg) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}