edifyedudesign / edifyedudesign.github.io

Business website
MIT License
2 stars 1 forks source link

social icons #8

Closed edifyedu closed 9 years ago

edifyedu commented 9 years ago

move below manifesto

elauervose commented 9 years ago

Taa Daa! Fixed it!
screen shot 2015-06-04 at 3 06 03 pm

But I haven't committed because of domain change over. I'll give you the changes here & you can add them. :smile:

Here are the steps to take

  1. add this to your "head" file (in my version, it's on line #31): <link rel="stylesheet" href="/css/font-awesome.min.css">
  2. Download the FontAwesome file from here: http://fortawesome.github.io/Font-Awesome/3.2.1/ & then unzip the file & put it in the css folder
  3. add the new code for the team section (see content below - in my version, changes are on lines 99 - 103)
  4. change overrides.css file (see content below)

Here is the code index.html for the team section:

<!-- Team Section -->
<section id="team" class="section" style="padding-top: 40px; padding-bottom: 40px;">
  <div class="container">
    <!-- Begin Photo -->
    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="team animated hiding" data-animation="fadeInUp" data-delay="0">
        <div class="team-photo">
          <img src="images/team/KristenGallagher-smallcircle.png" alt="">
          <div class="social-list2">
            <a href="https://twitter.com/edifyedu/"><i class=" social-icon2 fa fa-twitter"></i></a>
            <a href="https://github.com/edifyedudesign"><i class="social-icon2 fa fa-linkedin"></i></a></a>
            <a href=""><i class="social-icon2 fa fa-github-alt"></i></a>
          </div>
        </div>
      </div>
    </div>
    <!-- End Photo -->

    <!-- Begin Text -->
    <div class="col-md-9 col-sm-10 col-xs-12">
      <div class="title transparent">
        <h1><strong>Edify's Founder</strong></h1>
      </div>
      <p>
        Kristen Gallagher is the founder of Edify, a consultancy that designs and builds learning experiences that people actually learn from and like. She brings over eight years of instructional design, alternative learning environment experience, event management, business development, and nonprofit education experience to Edify. Recently, her focus has been on building educational experiences that empower people, especially young women and small business owners.
      </p>
    </div>
    <!-- End Text -->
  </div>
</section>
<!-- End Team Section -->

And here is the content for the overrides.css file: I recommend just copying & pasting all of this over everything currently in the file (unless you added stuff since I committed)

/*note: use this file to add changes*/
/*if you want to change the background you have to change in the body css*/

.transparent {
  background-color: transparent;
}

.social-list2 {
  text-align: center;
  margin: 0 auto;
}

.social-list2 a {
  font-size: 3em;
  color: #fff;
}

.social-list2 a:hover {
  color: #0093d0;
}

.social-list2 a:hover .social-icon {
  border-color: #ccc;
}

.social-icon2 {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  border: 10px solid transparent;
  border-radius: 50%;
}
elauervose commented 9 years ago

correction - do not add the link

<link rel="stylesheet" href="/css/font-awesome.min.css">

... it's already there! :smiley_cat: