Skip to content

Commit

Permalink
about page updates on design
Browse files Browse the repository at this point in the history
  • Loading branch information
Sandoche Adittane committed Jul 14, 2016
1 parent 7082737 commit ead504d
Show file tree
Hide file tree
Showing 3 changed files with 53 additions and 21 deletions.
27 changes: 25 additions & 2 deletions app/styles/_about.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,17 @@
color: #333;
}

h2 {
margin-bottom: 35px;
}

h4 {
font-weight: 300;
margin-top: 20px;
margin-bottom: 20px;
font-size: 2rem;
}

img {
display: block;
margin: 0 auto;
Expand All @@ -20,7 +31,10 @@

.colored-block {
width: 100%;
padding: 30px 0px;
padding-top: 100px;
padding-bottom: 90px;
padding-left: 0;
padding-right: 0;
color:#fff;
}

Expand All @@ -42,12 +56,21 @@
}

.text-block {
text-align: center;
text-align: center;
}

.love {
color: $red !important;
}


.about-logo {
height:150px;
width: 150px;
}

.team-section {
padding-bottom: 130px;
}

}
10 changes: 10 additions & 0 deletions app/styles/_socialbuttons.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,16 @@
padding-left: 0;
}

.parent-center {
.social-center {
margin: auto;
width: 50%;
padding: 10px;
}
}




@media (max-width: $screen-sm-min) {

Expand Down
37 changes: 18 additions & 19 deletions app/views/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@
<div class="colored-block white">
<div class="container">
<div class="row">
<img src="images/hbIcoXS.png" alt="Happy Bots icon" class="img-responsive about_logo" />
<img src="images/hbIcoS.png" alt="Happy Bots icon" class="img-responsive about-logo" />

<div class="col-sm-12 text-block">
<h2>Bip Bip... We are HAPPYBOTS</h2> <br>
<p>We develop bots for fun and for companies. <br>
<h2>Bip Bip... We are HAPPYBOTS</h2>
<p>We develop bots for fun and for companies. <br>
We love artificial intelligence and disruptive technologies.</p>
</div>
</div> <!-- /row -->
Expand All @@ -15,49 +15,48 @@ <h2>Bip Bip... We are HAPPYBOTS</h2> <br>

<div class="colored-block grey">
<div class="container">
<div class="row">
<div class="row">
<div class="col-sm-12">
<div class="text-block">
<h2>Need a Bot?</h2> <br>
<div class="text-block">
<h2>Need a Bot?</h2>
<p class="text">We build bots with <i class="fa fa-heart love" aria-hidden="true"></i><br><a class="cursor-link" onclick="showDoorbellModal()">Contact us</a> if you need a bot for your company :)</p>
</div>
</div>
<div class="col-sm-6 col-sm-offset-3">
<ng-include src="'views/shared/newsletter.html'"></ng-include>
</div>
</div>
</div> <!-- /row -->
</div> <!-- /container -->
</div> <!-- /white-->

<div class="colored-block white">
<div class="colored-block white team-section">
<div class="container">
<div class="row">
<div class="col-sm-12 text-block">
<h2>Get to know us</h2> <br>
<p>Visit our profiles to know a little bit more about us</p>
<h2>Get to know us</h2>
</div>

<div class="col-sm-5 col-sm-offset-1">
<div class="col-sm-3 col-sm-offset-3">
<div class="profile">
<img src="images/sandoche.jpeg" alt="Sandoche Picture" class="img-circle img-responsive" />
<h4>
Sandoche <strong>Adittane</strong>
</h4>
<div class="contact">
<a href="https://www.linkedin.com/in/sandoche" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="http://www.sandoche.com" target="_blank"><i class="fa fa-globe"></i></a>
<a href="https://www.linkedin.com/in/sandoche" target="_blank"><i class="fa fa-linkedin fa-2x"></i></a>
<a href="http://www.sandoche.com" target="_blank"><i class="fa fa-globe fa-2x"></i></a>
</div>
</div>
</div>

<div class="col-sm-5 center-col">
<div class="col-sm-3 center-col">
<div class="profile">
<img src="images/patricia.jpeg" alt="Patricia Picture" class="img-circle img-responsive" />
<h4>
Patricia <strong>Mayo Tejedor</strong>
</h4>
<div class="contact">
<a href="https://www.linkedin.com/in/patriciamayotejedor" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://www.linkedin.com/in/patriciamayotejedor" target="_blank"><i class="fa fa-linkedin fa-2x"></i></a>
</div>
</div>
</div>
Expand All @@ -68,10 +67,10 @@ <h4>

<div class="colored-block grey">
<div class="container">
<div class="row">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<ng-include src="'views/shared/socialbuttons.html'"></ng-include>
</div>
<ng-include src="'views/shared/socialbuttons.html'" class="parent-center"></ng-include>
</div>
</div> <!-- /row -->
</div> <!-- /container -->
</div> <!-- /white-->
Expand Down

0 comments on commit ead504d

Please sign in to comment.