Skip to content
This repository has been archived by the owner on Apr 18, 2020. It is now read-only.

Commit

Permalink
Merge branch 'master' of github.com:zurb/giving-tree-static
Browse files Browse the repository at this point in the history
  • Loading branch information
Arthur committed Aug 3, 2012
2 parents 3d91600 + fddfec9 commit 83361ab
Show file tree
Hide file tree
Showing 17 changed files with 1,175 additions and 515 deletions.
3 changes: 0 additions & 3 deletions about.php
View file
Expand Up @@ -18,10 +18,7 @@
<li><a href="#staff">Staff</a></li>
<li><a href="#board">Board</a></li>
<li><a href="#programStats">Stats</a></li>
<li><a href="#">Green Tree</a></li>
<li><a href="#news">News</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Download</a></li>
</ul>
</div>
<div class="nine columns">
Expand Down
45 changes: 21 additions & 24 deletions donate.php
View file
Expand Up @@ -8,35 +8,32 @@
<div class="feature_wrapper">
<div class="row">
<div class="twelve columns">
<h1>Donations</h1>
</div>
</div>
</div>

<div class="row choose-donation">
<div class="eight columns">
<div class="donate panel">
<h3>Give Gifts</h3>
<p>The most popular way to help the Elves and the children we serve is through gift donation.</p>
<a class="pink button banner" href="http://vgt.familygivingtree.org/fgt/">Donate Today</a>
</div>
</div>
<div class="four columns">
<div class="donate panel">
<h3>Give Money</h3>
<p>Give a one time or monthly monetary donation!</p>
<!-- <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="E8CTCYY6FGSU4">
<input type="image" src="images/paypal/donate_today.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form> -->

<a class="pink button banner" href="https://npo.networkforgood.org/Donate/Donate.aspx?npoSubscriptionId=4257">Donate Today</a>
<div class="row choose-donation">
<div class="seven columns">
<h1>Give Gifts</h1>
<p>The most popular way to help the Elves and the children we serve is through gift donation.</p>
<a class="pink button banner" href="http://vgt.familygivingtree.org/fgt/">Donate Today</a>
</div>
<div class="five columns">
<h1>Give Money</h1>
<p>Give a one time or monthly monetary donation!</p>
<!-- <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="E8CTCYY6FGSU4">
<input type="image" src="images/paypal/donate_today.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form> -->

<a class="pink button banner" href="https://npo.networkforgood.org/Donate/Donate.aspx?npoSubscriptionId=4257">Donate Today</a>
</div>
</div>

</div>
</div>
</div>


<div class="row">
<div class="nine columns">
<h2>Help in Other Ways</h2>
Expand Down
Binary file added images/home1-sm.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/home2-sm.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/home3-sm.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/home4-sm.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/youtube.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/people/Dorsa-Elem.jpg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 10 additions & 16 deletions includes/_footer.php
View file
Expand Up @@ -11,27 +11,23 @@
<div class="six columns">
<dl>
<dt>Contact Us</dt>
<dd>606 Valley Way,<br>
Milipitas, CA 95035</dd>
<dd>606 Valley Way<br>
Milpitas, CA 95035</dd>
<dd>(408) 946-3111</dd>
</dl>
<h6>Follow Us</h6>
<ul class="glyph social link-list">
<li><a href="#">e</a></li>
<li><a href="#">o</a></li>
<li><a href="#">d</a></li>
<li><a href="http://facebook.com/familygivingtree"><img src="images/icons/facebook.png"></a></li>
<li><a href="http://twitter.com/fgttweets"><img src="images/icons/twitter.png"></a></a></li>
<li><a href="http://www.youtube.com/user/FamilyGivingTree"><img src="images/icons/youtube.png"></a></a></li>
</ul>
</div>
<div class="six columns">
<h6>Upcoming Events</h6>
<ul class="upcoming-events">
<li>
<a href="#">8/2 FGT Open House</a>
<p>This is a description of the event.</p>
</li>
<li>
<a href="#">8/2 FGT Open House</a>
<p>This is a description of the event.</p>
<h6>12/10 Holiday Warehouse Ribbon Cutting</h6>
<p>Come celebrate your inner elf at the Millionth Child campaign kickoff and ribbon cutting ceremony. Details coming soon.</p>
</li>
</ul>
</div>
Expand All @@ -43,8 +39,7 @@
<img src="images/elf.png" alt="Family Giving Tree ELf">
</div>
<div class="six columns">
<h6>Sign up to our newsletter</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h6>Sign up for our newsletter</h6>
<form action="http://visitor.constantcontact.com/d.jsp" method="post" target="_blank" id="ccoptin" style="margin-bottom:3;">
<input type="hidden" name="m" value="1100352066583">
<input type="hidden" name="p" value="oi">
Expand All @@ -67,12 +62,11 @@
<div class="nine columns">
<ul class="link-list">
<li class="active"><a href="index.php">Home</a></li>
<li><a href="#">Who We Help</a></li>
<li><a href="who-we-help.php">Who We Help</a></li>
<li><a href="lead-a-drive.php">Lead a Drive</a></li>
<li><a href="sponsor.php">Sponsors</a></li>
<li><a href="#">Join Our Community</a></li>
<li><a href="volunteer.php">Volunteer</a></li>
<li><a href="about.php">About</a></li>
<li><a href="#">Events</a></li>
</ul>
</div>
<div class="three columns">
Expand Down
6 changes: 3 additions & 3 deletions index.php
View file
Expand Up @@ -10,7 +10,7 @@
<div id="sliderOne">
<div class="content">
<h1>You Can Help Our Millionth Child</h1>
<p class="lead">This year, we’ll reach our goal of helping one million children locally. You could be the person who fulfils the unique holiday wish of our millionth child.</p>
<p>This year, we’ll reach our goal of helping one million children locally. You could be the person who fulfils the unique holiday wish of our millionth child.</p>
<a href="donate.php" class="button banner purple">Donate Today &raquo;</a>
</div>
</div>
Expand Down Expand Up @@ -69,7 +69,7 @@
<div class="row">
<div class="nine columns">
<h2>One Fulfilled Wish, One Backpack at a Time</h2>
<p>Since 1990, Family Giving Tree has been fulfilling the holiday wishes of children in low-income neighborhoods and providing backpacks stuffed with school supplies so they’re prepared to learn. It’s more than just gifts or rulers or pencils. It’s giving kids precious, happy memories. It’s amazing to know that we’ve put smiles on the faces of a million kids. <a href="#">Learn more about our roots &raquo;</a></p>
<p>Since 1990, Family Giving Tree has been fulfilling the holiday wishes of children in low-income neighborhoods and providing backpacks stuffed with school supplies so they’re prepared to learn. It’s more than just gifts or rulers or pencils. It’s giving kids precious, happy memories. It’s amazing to know that we’ve put smiles on the faces of a million kids. <a href="donate.php">Learn more about donating &raquo;</a></p>
</div>
<div class="three columns">
<img src="images/people/home-kid.png">
Expand Down Expand Up @@ -133,7 +133,7 @@
if ($(window).width() > 1000) {
orbitRatio = "1430x508";
} else {
orbitRatio = "1x1";
orbitRatio = "2x1";
}
$('#featured').orbit({ pauseOnHover: true, startClockOnMouseOut: true, advanceSpeed: 5000, fluid: orbitRatio, bullets: true });
$(".row.featured").spin(false);
Expand Down
82 changes: 22 additions & 60 deletions lead-a-drive.php
View file
Expand Up @@ -8,22 +8,22 @@
<div id="mainContent">
<div class="feature_wrapper">
<div class="row">
<div class="seven columns">
<div class="nine columns">
<h1>Send Children to School Prepared</h1>
<p>Leading a Back to School Drive is an incredible way to help local kids in need just in time for the new school year. This drive focuses on the children as individuals; pairing a backpack and school supply wish list with a name. By leading a Back to School Drive drive, you’re not only providing the wealth of education, you’re also joining the Family Giving Tree community.</p>
<a href="http://familygivingtree.force.com/hosts" class="button banner purple">Register &raquo;</a>
</div>
<div class="five columns">
<div class="three columns">
<img src="images/people/home-kid.png" alt="Back to School" height="235" width="231">
</div>
</div>
<div class="row next-season">
<div class="seven columns">
<h1>Help Holidays Shine Brighter</h1>
<p>Leading a Holiday Wish Drive is an exciting way to fulfill the wishes local kids in need. This drive focuses on the children as individuals; pairing their gift wish with their name. When leading a Holiday Wish Drive you?re not only spreading the joy of the holiday season, you're also joining the Family Giving Tree community.</p>
<p>Leading a Holiday Wish Drive is an exciting way to fulfill the wishes local kids in need. This drive focuses on the children as individuals; pairing their gift wish with their name. When leading a Holiday Wish Drive you're not only spreading the joy of the holiday season, you're also joining the Family Giving Tree community.</p>
</div>
<div class="five columns">
<img src="http://placehold.it/310x310" alt="Lead a Drive">
<img src="images/people/home-kid.png" alt="Lead a Drive">
</div>
</div>
<!-- end .row -->
Expand All @@ -32,10 +32,10 @@
<div class="row">
<div class="three columns">
<ul class="side-nav" data-sticky>
<li><a href="#aboutDrive">About</a></li>
<li><a href="#timeline">Timeline</a></li>
<li><a href="#hallOfFame">Hall of Fame</a></li>
<li><a href="#aboutDrive">About Our Drives</a></li>
<li><a href="#importantDates">Important Dates</a></li>
<li><a href="#tipsSuccessfulDrive">Tips For a Successful Drive</a></li>
<li><a href="#currentDrives">Current Drives</a></li>
<li class="divider"></li>
<li><a href="#"><span class="glyph">9</span> Download resources</a></li>
</ul>
Expand All @@ -51,11 +51,10 @@
<div class="four columns">
<h2>Participants</h2>
<ul class="block-grid">
<li>
<img src="images/icons/companies.png" height="30" width="30" alt="Companies"> Companies</li>
<li><img src="images/icons/civic-groups.png" height="30" width="30" alt="Companies"> Civic Groups</li>
<li><img src="images/icons/families.png" height="30" width="30" alt="Companies"> Families</li>
<li><img src="images/icons/youth.png" height="30" width="30" alt="Companies"> Youth</li>
<li class="has-icon"><img src="images/icons/companies.png" height="30" width="30" alt="Companies"> Companies</li>
<li class="has-icon"><img src="images/icons/civic-groups.png" height="30" width="30" alt="Companies"> Civic Groups</li>
<li class="has-icon"><img src="images/icons/families.png" height="30" width="30" alt="Companies"> Families</li>
<li class="has-icon"><img src="images/icons/youth.png" height="30" width="30" alt="Companies"> Youth</li>

</ul>
</div>
Expand All @@ -70,7 +69,7 @@
</div>
</div>

<section id="timeline">
<section id="importantDates">
<div class="row">
<div class="four columns">
<h2>Important Dates</h2>
Expand All @@ -79,23 +78,12 @@
<div class="eight columns">
<div class="row">
<div class="three columns">
<p class="date">Aug 2</p>
</div>
<div class="nine columns">
<h5 class="event-title">
<a href="#">Holiday Wish Kickoff </a>
</h5>
<p>11:30am-1pm<br>Mountain View, CA</p>
<p>All Drive Leaders are invited to join the Family Giving Tree Elves for a community get together before the Holiday Wish Drive. This is a chance to pick up materials, ask questions, meet other local Elves, and celebrate the season of making wishes become reality.</p>
</div>
</div>
<div class="row">
<div class="three columns">
<p class="date">Aug 2</p>
<p class="date">Sep 20</p>
</div>
<div class="nine columns">
<h5 class="event-title">
<a href="#">Back-to-School Kickoff </a>
Back to School Appreciation Luncheon
<!-- <a href="#">Back-to-School Appreciation Luncheon</a> -->
</h5>
<p>11:30am-1pm<br>Mountain View, CA</p>
<p>All Drive Leaders are invited to join the Family Giving Tree Elves for a community get together before the Back to School Drive. This is a chance to pick up materials, ask questions, meet other local Elves, and dive right into the school year.</p>
Expand All @@ -104,7 +92,7 @@
</div>
</div>
</section>
<!-- end #timeline -->
<!-- end #importantDates -->

<div class="row">
<div class="twelve columns">
Expand All @@ -117,19 +105,19 @@
<div class="row">
<div class="twelve columns">
<ul>
<li class="first"><img src="images/icons/person.png" height="121" width="121">
<li class="first"><img src="images/icons/tips1.png" height="121" width="121">
<p>Display your posters and/or cards in <strong>very visible,
heavily trafficked</strong> areas. Keep materials fully
stocked and <a href="#">let us know</a> if you need more!</p></li>
<li><img src="images/icons/gift.png" height="121" width="121">
<li><img src="images/icons/tips2.png" height="121" width="121">
<p>Have your advocates <strong>post materials</strong>
and <strong>spread the word</strong> via email, social
networking or even in person.</p></li>
<li><img src="images/icons/money.png" height="121" width="121">
<li><img src="images/icons/tips3.png" height="121" width="121">
<p>Reminders! A little <strong>motivation</strong> like holiday
candy or a notecard with announcements never hurts.
(See sample announcements for more ideas)</p></li>
<li><img src="images/icons/person.png" height="121" width="121">
<li><img src="images/icons/tips4.png" height="121" width="121">
<p>Coordinate a <strong>launch event</strong> (lunch, ice cream
social, dance party, etc.) and get your group excited about the
Family Giving Tree. The more they <strong>know the more they’ll
Expand All @@ -154,7 +142,7 @@
</div>
</div>

<section id="hallOfFame">
<section id="currentDrives">
<div class="row">
<div class="twelve columns">
<h2>Current Drives</h2>
Expand All @@ -164,34 +152,8 @@
<!-- end .row -->
<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?msa=0&amp;msid=201967506944688961163.0004c655b86f1e09e3351&amp;ie=UTF8&amp;t=m&amp;ll=37.588119,-122.159729&amp;spn=0.870571,1.919861&amp;z=9&amp;output=embed"></iframe><br />
</section>
<!-- end #hallOfFame -->
<!-- end #currentDrives -->
</div>
</div>
</div>
<!-- end #mainContent -->
<!-- <div id="register" class="reveal-modal medium">
<h2>Lead a Drive</h2>
<p class="lead">Host a drive in your community.</p>
<p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
<form>
<input type="text" placeholder="Your Name">
<input type="text" placeholder="Your Email Address">
<label>Address</label>
<input type="text" class="twelve" placeholder="Street">
<div class="row">
<div class="six columns">
<input type="text" placeholder="City">
</div>
<div class="three columns">
<input type="text" placeholder="State">
</div>
<div class="three columns">
<input type="text" placeholder="ZIP">
</div>
</div>
<br>
<a href="#" class="medium button">Register</a>
</form>
<a class="close-reveal-modal">&#215;</a>
</div> -->
<?php include("includes/_footer.php"); ?>
1 change: 1 addition & 0 deletions sass/_settings.scss
View file
Expand Up @@ -21,6 +21,7 @@ $yellow: #efe98d;
$black: #272727;
$gray: #555555;
$beige: #e9eccd;
$offWhite: #E2D8D0;

// Colors Settings
$mainColor: $green;
Expand Down

0 comments on commit 83361ab

Please sign in to comment.