Skip to content
Advertisements

Golden – Bootstrap Webpage

Preview:

Golden – Bootstrap Webpage

Github:https://github.com/Furkan-Gulsen/Bootstrap-webpage/tree/master/Golden%20-%20OnePage%20Template


HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="js/wow.js">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    
    <title>OnePage Project</title>
</head>
<body>


  <section id="cover">
  <div class="container">
    <div class="row">
        <nav class="navbar navbar-expand-md fixed-top navbar-light">
            <button class="navbar-toggler navbar-toggler-right" type="button" 
            data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" 
            aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            </button>
            <a class="navbar-brand" href="#cover">Golden</a>
                <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
                  <ul class="navbar-nav">
                    <li class="nav-item">
                      <a class="nav-link" href="#cover">HOME <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#services">SERVICES</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#portfolio">PORTFOLIO</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#aboutUs">ABOUT</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#contact">CONTACT</a>
                    </li>
                  </ul>
                </div>
            </nav>
          </div>
        </div>

        <div class="row text-center ">
            <div class="col-sm-12">
              <h1>Welcome to Our Studio!</h1>
            </div>
            <div class="col-sm-12">
                <h2>IT'S NICE TO MEET YOU</h2>
            </div>
            <div class="col-sm-12">
                <a href="#">
                  <button type="button" class="btn btn-primary btn-lg">TELL ME MORE</button>
                </a>
            </div>
        </div>
        
</section>

<section id="services">
  <div class="container">
     <div class="services-top text-center wow fadeInDown" data-wow-duration='2s'>
        <h3>SERVICES</h3>
        <p>Proin icalus purus consequat sem cure</p>
     </div>
     <div class="services-content text-center">
       <div class="row">
         <div class="col-md-4 wow fadeInLeft" data-wow-duration='2s'>
            <div class="item-circle">
              <i class="fas fa-shopping-bag fa-3x"></i>
            </div>
                <h4>E-Commerce</h4>
                <p>
                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
                  sed diam nonumy eirmod tempor invidunt ut labore et 
                </p>
            
         </div>
         <div class="col-md-4 wow fadeInDown" data-wow-duration='2s'>
            <div class="item-circle">
              <i class="fas fa-desktop fa-3x"></i>
            </div>
                <h4>Responsive Web</h4>
                <p>
                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
                  sed diam nonumy eirmod tempor invidunt ut labore et 
                </p>
            
         </div>
         <div class="col-md-4 wow fadeInRight" data-wow-duration='2s'>
            <div class="item-circle">
              <i class="fas fa-lock fa-3x"></i>
            </div>
                <h4>Web Security</h4>
                <p>
                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
                  sed diam nonumy eirmod tempor invidunt ut labore et 
                </p>
            
         </div>
       </div>

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

<section id="portfolio">
  <div class="container">
    <div class="portfolio-top text-center wow bounceInDown">
      <h3>OUR PORTFOLIO</h3>
      <p>Proin icalus purus consequat sem cure</p>
    </div>
    <div class="portfolio-content text-center">
      <div class="row mb-5">
        <div class="col-md-4 wow fadeInLeftBig">
          <div class="card">
            <img src="https://images.pexels.com/photos/872957/pexels-photo-872957.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="office work">
            <div class="card-body">
              <h4 class="card-title">Ebony & Ivory</h4>
              <p class="card-subtitle text-muted">Branding</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 wow flipInX">
          <div class="card">
            <img src="https://www.gettyimages.com/gi-resources/images/500px/983703508.jpg" alt="office work">
            <div class="card-body">
              <h4 class="card-title">Smart Stationary</h4>
              <p class="card-subtitle text-muted">Print Design</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 wow fadeInRightBig">
          <div class="card">
            <img src="http://www.scalsys.com/wallpapers/work-wallpaper/work-wallpaper_174605.jpg" alt="office work">
            <div class="card-body">
              <h4 class="card-title">Clever Poster</h4>
              <p class="card-subtitle text-muted">Print Design</p>
            </div>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-md-4 wow fadeInLeftBig">
          <div class="card">
            <img src="https://stmed.net/sites/default/files/tv-wallpapers-30792-499014.jpg" alt="office work">
            <div class="card-body">
              <h4 class="card-title">Vinyl Record</h4>
              <p class="card-subtitle text-muted">Branding</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 wow flipInX">
          <div class="card">
            <img src="https://cdn.images.dailystar.co.uk/dynamic/122/photos/98000/900x738/885098.jpg" alt="office work">
            <div class="card-body">
              <h4 class="card-title">Treehouse Template</h4>
              <p class="card-subtitle text-muted">Branding</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 wow fadeInRightBig">
          <div class="card">
            <img src="https://res-1.cloudinary.com/coder-academy/image/upload/v1509499051/skl1edg7xfax64gqhuib.jpg" alt="office work">
            <div class="card-body">
              <h4 class="card-title">Burned Logo</h4>
              <p class="card-subtitle text-muted">Branding</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


<section id="aboutUs">
  <div class="container">
    <div class="aboutUs-top  text-center">
      <h3>About Us</h3>
      <p>Proin icalus purus consequat sem cure</p>
    </div>
    <div class="aboutUs-content">
      <div class="row">
        <div class="col-lg-4 text-right wow rotateInDownLeft">
          <h4>July 2016</h4>
          <h4>Out Humble Beginnings</h4>
          <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
            sed diam nonumy eirmod tempor invidunt ut labore et dolore 
            magna aliquyam erat, sed diam voluptua. At vero eos et accusam 
            et justo duo dolores et ea rebum.
          </p>
        </div>
        <div class="col-lg-4 text-center wow swing">
          <img class="rounded-circle" src="https://i.pinimg.com/originals/b8/15/32/b815323b54b83acda547532eb7560939.jpg" alt="study">
        </div>
      </div>
      <div class="row">
        <div class="col-lg-4 offset-sm-4 text-center wow swing">
          <img class="rounded-circle" src="https://images.pexels.com/photos/592077/pexels-photo-592077.jpeg?cs=srgb&dl=clouds-daylight-forest-592077.jpg&fm=jpg" alt="natural">
        </div>
        <div class="col-lg-4 text-left wow rotateInDownRight">
          <h4>December 2017</h4>
          <h4>Out Humble Beginnings</h4>
          <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
            sed diam nonumy eirmod tempor invidunt ut labore et dolore 
            magna aliquyam erat, sed diam voluptua. At vero eos et accusam 
            et justo duo dolores et ea rebum.
          </p>
        </div>
        </div>
        <div class="row">
          <div class="col-lg-4 text-right wow rotateInDownLeft">
            <h4>November 2018</h4>
            <h4>Enter The Dark Days</h4>
            <p>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
              sed diam nonumy eirmod tempor invidunt ut labore et dolore 
              magna aliquyam erat, sed diam voluptua. At vero eos et accusam 
              et justo duo dolores et ea rebum.
            </p>
          </div>
          <div class="col-lg-4 text-center wow swing">
            <img class="rounded-circle" src="https://www.muralswallpaper.co.uk/app/uploads/Illustrated-Green-Landscape-Wallpaper-Mural-Square-535x535.jpg" alt="mountain">
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4 offset-sm-4 text-center wow swing">
            <img class="rounded-circle" src="http://www.al-mubarok.com/wp-content/uploads/2017/10/6780451-coffee-cup-wallpaper.jpg" alt="study">
          </div>
          <div class="col-lg-4 text-left wow rotateInDownRight">
            <h4>January 2019</h4>
            <h4>Out Study</h4>
            <p>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
              sed diam nonumy eirmod tempor invidunt ut labore et dolore 
              magna aliquyam erat, sed diam voluptua. At vero eos et accusam 
              et justo duo dolores et ea rebum.
            </p>
          </div>
          </div>
          <div class="row">
            <div class="col-lg-4 offset-sm-4 wow pulse">
              <div class="about-circle">
                <p class="yellow-text">OUR <br>
                   STORY <br>
                   CONTINUES <br>
                   ...</p>
              </div>
            </div>
          </div>  
      </div>
    </div>
  </div>
</section>

<section id="team">
  <div class="container">
      <div class="team-top  text-center wow bounceIn">
        <h3>OUR AMAZING TEAM</h3>
        <p>Proin icalus purus consequat sem cure</p>
    </div>
    <div class="team-content">
      <div class="row">
        <div class="col-md-4 text-center wow bounceIn" data-wow-duration='2s'>
          <div class="team-circle mb-3"></div>
          <h4>Kimberly Thompson</h4>
          <h5>Marketer</h5>
          <ul class="social-icons">
            <li class="social-icon">
              <i class="fab fa-twitter" aria-hidden="true"></i>
            </li>
            <li class="social-icon">
              <i class="fab fa-facebook-f" aria-hidden="true"></i>
            </li>
            <li class="social-icon">
              <i class="fab fa-pinterest" aria-hidden="true"></i>
            </li>
          </ul>
        </div>
        <div class="col-md-4 text-center wow bounceIn" data-wow-duration='2s'>
          <div class="team-circle mb-3"></div>
          <h4>Rico Massiomo</h4>
          <h5>Coder</h5>
          <ul class="social-icons">
            <li class="social-icon">
              <i class="fab fa-twitter" aria-hidden="true"></i>
            </li>
            <li class="social-icon">
              <i class="fab fa-facebook-f" aria-hidden="true"></i>
            </li>
            <li class="social-icon">
              <i class="fab fa-pinterest" aria-hidden="true"></i>
            </li>
          </ul>
        </div>
        <div class="col-md-4 text-center wow bounceIn" data-wow-duration='2s'>
          <div class="team-circle mb-3"></div>
          <h4>Uku Masaon</h4>
          <h5>Grahic Designer</h5>
          <ul class="social-icons">
            <li class="social-icon">
              <i class="fab fa-twitter" aria-hidden="true"></i>
            </li>
            <li class="social-icon">
              <i class="fab fa-facebook-f" aria-hidden="true"></i>
            </li>
            <li class="social-icon">
              <i class="fab fa-pinterest" aria-hidden="true"></i>
            </li>
          </ul>
        </div>
        <div class="row text-center wow fadeIn" data-wow-duration='2s'>
          <p>
              Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
              sed diam nonumy eirmod tempor invidunt ut labore 
              et dolore magna aliquyam erat, sed diam voluptua.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>

<section id="partner">
  <div class="container wow flipInX" data-wow-duration='2s'>
    <div class="row text-center">
      <div class="col-lg-4">
        <img src="https://image.flaticon.com/icons/png/512/24/24428.png" alt="">
      </div>
      <div class="col-lg-4">
        <img src="https://s.w.org/style/images/about/WordPress-logotype-standard.png" alt="">
      </div>
      <div class="col-lg-4">
        <img src="https://www.pngrepo.com/download/104443/microlancer.png" alt="">
      </div>
    </div>
  </div>
</section>


<section id="contact">
  <div class="container">
    <div class="contact-top text-center wow bounceIn">
      <h3>CONTACT US</h3>
      <p>Proin icalus purus consequat sem cure</p>
    </div>
    <div class="contact-content">
      <form class="golden-form" role="form" method="post">
        <div class="row">
          <div class="col-md-6">
            <div class="form-element wow fadeInLeftBig"  data-wow-duration='1s'>
              <input type="text" class="golden-form-element mb-4" id="name" name="name" placeholder="YOUR NAME*">
            </div>
            <div class="form-element wow fadeInLeftBig"  data-wow-duration='1.5s'>
              <input type="email" class="golden-form-element mb-4" id="email" name="email" placeholder="YOUR E-MAIL*">
            </div>
            <div class="form-element wow fadeInLeftBig"  data-wow-duration='2s'>
              <input type="text" class="golden-form-element" id="subject" name="subject" placeholder="YOUR SUBJECT*">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-element wow fadeInRightBig" data-wow-duration="2s">
              <textarea class="golden-form-element" name="message" placeholder="YOUR MESSAGE*"></textarea>
            </div>
          </div>
        </div>
        <div class="row justify-content-center mt-4 wow flip">
          <div class="form-element">
            <input type="submit" class="btn btn-primary btn-lg" id="submit" name="submit" value="SEND MESSAGE">
          </div>
        </div>
      </form>
    </div>
  </div>
</section>

<section id="footer">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <p>© Copyright 2019 truecodes.org</p>
      </div>
      <div class="col-md-4">
        <ul class="company-social-icons text-center">
          <li class="company-social-icon">
            <i class="fab fa-twitter"></i>
          </li>
          <li class="company-social-icon">
            <i class="fab fa-facebook-f"></i>
          </li>
          <li class="company-social-icon">
              <i class="fab fa-pinterest-p"></i>
          </li>
          <li class="company-social-icon">
              <i class="fab fa-google-plus-g"></i>
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>





    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/wow.js"></script>
    <script>
    new WOW().init();
    </script>
    <script>
    
    
    </script>
</body>
</html>

CSS

@import url('https://fonts.googleapis.com/css?family=Lora:400,400i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
html,
body,
#cover{
    height: 100%;
}
.navbar-brand{
    color: gold !important;
}
#cover{
    background:url("https://cdn.pixabay.com/photo/2014/05/03/00/46/gadgets-336635_960_720.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.fixed-top{
    max-width: 1140px;
    margin: 20px auto;
    transition: 0.2 all linear;
}
h1{
    margin-top: 20%;
    font-family: 'Lora', serif;
    color: #fff;
    font-size: 40px;
    font-style: italic;
    margin-bottom: 30px;
}
h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 75px;
    color: #fff;
    margin-bottom: 30px;
}
.btn-primary{
    font-family: 'Montserrat', sans-serif;
    background-color: #fed136;
    border-style: none;
    font-size: 18px;
    padding: 20px 40px;
    font-weight: 700;
}
.btn-primary:hover{
    background-color: #fff;
    color: #fed136;
}
a.nav-link{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff !important;
    transition: color .5s ease;
    -webkit-transition:  color .5s ease;
    -moz-transition:  color .5s ease;
    -o-transition:  color .5s ease;

}
a.nav-link:hover{
    color: #fed136 !important;
}

/* Services */

#services{
    padding: 120px 0px;
}
.services-top h3, 
.portfolio-top h3, 
.aboutUs-top h3, 
.team-top h3,
.contact-top h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
}
.services-top p,
.portfolio-top p, 
.aboutUs-top p, 
.team-top p,
.contact-top p{
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 16px;
    color: #777;
    margin-bottom: 70px;
}
.item-circle{
    border: 3px solid #fed136;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    transition: .4s;
    cursor: pointer;
}
.services-content i{
    color: #fed136;
    line-height: 100px;
    transition: .4s;
}
.item-circle:hover{
    background: #fed136;
    border: 3px solid #262626;
}
.item-circle:hover > i{
    color: #262626;
}
.services-content h4{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-top: 24px;
}
.services-content p,.aboutUs-content p{
    font-family: 'Roboto Slab', serif;
    color: #777;
    font-size: 14px;
}
#portfolio{
    background: #f7f7f7;
    padding: 120px 0;
}
.card{
    border-style: none;
}
.card img{
    height: 300px;
    background-size: cover;
}
.portfolio-content .card-title{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700; 
}
.portfolio-content .card-subtitle{
    font-family: 'Lora', serif;
    font-size: 14px;
    font-style: italic
}
.aboutUs-content img{
    width: 200px;
    height: 200px;
    background-size: cover;
    border: 7px solid #f1f1f1;
}
#aboutUs{
    padding: 120px;
}
.aboutUs-content .row{
    margin-bottom: 90px;
}
.aboutUs-content h4{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #222;
}
.aboutUs-content{
    position: relative;
    text-align: center;
}
.aboutUs-content:before{
    content: "";
    top: 0;
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 4px;
    background: #f1f1f1;
    margin-left: -2px;
}
.about-circle:before{
    top: 0;
    bottom: 0;
    position: absolute;
    content: "";
    width: 200px;
    height: 200px;
    background: #fed136;
    border-radius: 50%;
    border: 7px solid #f1f1f1;
    left: 50%;
    margin-left: -100px;
}
.yellow-text{
    position: relative;
    top: 50px;
    left: 5px;
    font-family: 'Montserrat' !important ;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;

}
#team{
    padding-top: 120px;
    padding-bottom: 70px;
    background: #f9f9f9;
}
.team-circle{
    width: 220px;
    height: 220px;
    background: #262626;
    border-radius: 50%;
    margin: 0 auto;
    border: 6px solid #fff;
}
.team-content h4{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
}
.team-content h5{
    font-family: 'Roboto Slab', serif;
    color: #777;
    font-size: 14px;
}
.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
}
.social-icon{
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
}
.social-icon .fab{
    border: 2px solid #000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 26px;
}
.team-content p{
    width: 85%;
    margin: 50px auto;
    font-family: 'Roboto Slab', serif;
    color: #777;
    font-size: 16px;
}
#partner{
    padding-top: 30px;
    padding-bottom: 30px;
}
#partner img{
    height: 100px;
    background-size: 100px auto;
    margin: 0 auto;
}
#contact{
    background: url("https://www.uniguard.com.au/wp-content/uploads/2017/05/world-map-dark.jpg") no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding: 120px 0px;
}
.contact-top h3{
    color: #fff;
}
#name,
#email,
#subject{
    width: 90%;
    height: 50px;
    text-indent: 15px;
    border-style: none;
    border-radius: 3px;
    margin-left: 5%;
}
textarea{
    width: 90%;
    height: 200px;
    border-radius: 3px;
    padding-top: 15px;
    text-indent: 20px;
    margin-right: 5%;
}
.golden-form-element{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
#footer{
    padding: 20px 0px;
}
#footer p{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #555;
    line-height: 40px;
}
.company-social-icons{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.company-social-icon{
    display: inline;
    padding-left: 9px;
    padding-right: 9px;
    color: #fff;
}
.company-social-icon i{
    background: #262626;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    cursor: pointer;
}
.change-fixed-top{
    margin-top: 0px;
    background: #000;
    max-width: 2000px;
}

/* Bootstrap media 1 */
@media (max-width: 991px){
    #footer p{
        font-size: 11px;
        line-height: 30px;
    }
    .company-social-icon{
        padding-left: 5px;
        padding-right: 5px;
    }
    .company-social-icon i{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    h1{
        margin-top: 250px;
        font-size: 36x;
    }
    h2{
        font-size: 55px;
    }
}

/* Bootstrap media 2 */
@media (max-width: 767px){
    .navbar-collapse{
        background: rgba(0,0,0,.35)
    }
    .navbar-light .navbar-toggler{
        border: 1px solid #fed136
    }
    h1{
        margin-top: 250px;
        font-size: 32px;
        margin-bottom: 20px;
    }
    h2{
        font-size: 50px;
        color: #fff;
        margin-bottom: 20px;
    }
    .navbar-toggler{
        background: #fed136 !important;
        outline: none !important;
        border: none !important;
    }
    textarea{
        margin-top: 30px;
        margin-left: 25px;
    }
    #footer p{
        text-align: center;
    }
}

/* Bootstrap media 3 */
@media (max-width: 575px){
    h1{
        font-size: 24px;
    }
    h2{
        font-size: 30px;
    }
    .aboutUs-content img{
        display:none;
    }
    .about-circle{
        display:none;
    }
    #aboutUs{
        padding: 40px;
    }
    .navbar-toggler{
        background: #fed136 !important;
        outline: none !important;
        border: none !important;
    }
    textarea{
        margin-top: 30px;
        margin-left: 25px;
    }
    #footer p{
        text-align: center;
    }
}

JavaScript

$(window).scroll(function() {
    var scroll = $(window).scrollTop();

    if (scroll >= 300) {
        $(".fixed-top").addClass("change-fixed-top");
    } else {
        $(".fixed-top").removeClass("change-fixed-top");
    }
});

$(document).on('click', 'a', function(event){
    event.preventDefault();

    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 1250);
    $('html, body').animate({path : new $.path.bezier(bezier_params)})

});
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: