Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Front end changes in footer #344

Open
wants to merge 1 commit into
base: gh-pages
Choose a base branch
from
Open

Front end changes in footer #344

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 35 additions & 0 deletions css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,41 @@
.subscribe-1 .email-subscribe {
margin-bottom: 50px !important;
}
.twitter-feed-box
{
background-image: url("img/codeheat-friends.jpg");
background-size: cover;
height: 80vh;
overflow: hidden;
}
.twitter-feed
{
position:relative ;
/* height: 100%; */
}
.top-border
{
position: relative;
}
.top-border span
{
display: block;
position: absolute;
font-size: 12px;
background-color: rgba(0, 0, 0, 0.7);
padding-left:2px;
padding-right:2px;
border-radius:6px ;
width:fit-content;
top:5px ;
left:5px ;

}
.twitter-feed i
{
background-color: white;
border-radius:7px ;
}
.newsletter-name{
padding-right: 0px;
}
Expand Down
53 changes: 28 additions & 25 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2296,35 +2296,38 @@ <h1>Frequently Asked Questions</h1>
</section>

<a id="subscribe" class="in-page-link"></a>

<section class="subscribe-1">
<div class="background-image-holder parallax-background">
<img class="background-image" alt="Background Image" src="img/codeheat-friends.jpg">


<div class="twitter-feed-box" style="background-image: url('img/codeheat-friends.jpg'); ">
<div class="top-border">
<span>
<a href="http://twitter.com/codeheat_" >Follow @codeheat_ for more updates</a>
</span>
</div>

<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center">
<div class="twitter-feed">
<i class="icon social_twitter text-white"></i>
<!-- For changing parameters of tweets-feed, please see https://github.com/fossasia/fossasia-loklak-webtweets/blob/gh-pages/README.md for the full documentation -->
<div class="tweets-feed" data-count=3 data-from="fossasia,fasblg,fa_voc,fossasiasg,codeheat_">
</div>
<br/>
<span class="text-white">Follow
<a href="http://twitter.com/codeheat_" target="_self">@codeheat_</a> for more updates</span>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center">
<div class="twitter-feed">
<br>
<a class="twitter-logo" data-toggle="modal" href="#myModal"><i class="icon social_twitter "></i></a>

<br>

<!-- For changing parameters of tweets-feed, please see https://github.com/fossasia/fossasia-loklak-webtweets/blob/gh-pages/README.md for the full documentation -->
<div class="tweets-feed" data-count=3 data-from="fossasia,fasblg,fa_voc,fossasiasg,codeheat_">
</div>
<br/>

</div>

</div>

<div class="row">
<div class="footer">
<div class="col-sm-12">
<div class="top-border"></div>
</div>
</div>

</div>
<div class="row">
<div class="footer">

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

</div>
<div class="footer-container">
Expand Down Expand Up @@ -2364,7 +2367,7 @@ <h1>Frequently Asked Questions</h1>
</div>
</footer>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/skrollr.min.js"></script>
Expand Down