Skip to content

Responsive blog & donation page For Asset #15

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

Open
emgaurv wants to merge 7 commits into
base: gh-pages
Choose a base branch
from
Open

Responsive blog & donation page For Asset #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
00c0c21
Responsive Donation Page
emgaurv Dec 20, 2017
5f51c1a
added Media Queries
emgaurv Dec 20, 2017
2e6a944
Responsive Navigation bar
emgaurv Dec 20, 2017
d3b7c18
Responsive Blog Page
emgaurv Dec 20, 2017
91aa73f
White version of Asset logo
emgaurv Dec 20, 2017
cc960ae
added Media query with left aligned header title
emgaurv Dec 21, 2017
330de00
Responsive Blog & Gallery Page
emgaurv Dec 21, 2017
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
16 changes: 14 additions & 2 deletions _includes/donation.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,15 @@
<style>
@media only screen and (max-width: 500px) {
h3, section {
text-align: center;
}
.submit_btn{
background: #384452;
padding: 7px;
width: 163px;
color: #ffffff;
}
</style>
<div class="container">
<div class="row">
<div class="col-lg-6">
Expand All @@ -10,7 +22,7 @@ <h3>Online Donation</h3>
<input type="text" name="name" value="Anonymous"><br>
Amount:&nbsp;
<input type="number" name="amount" value="0"><br><br>
<input type="submit" value="Donate">
<input type="submit" class="submit_btn" value="Donate">
</form>
</section>
</div>
Expand Down Expand Up @@ -40,4 +52,4 @@ <h4><a href="">Link</a></h4><br/>
<h3>Donors</h3>
</div>-->
</div>
</div>
</div>
23 changes: 21 additions & 2 deletions _includes/nav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,22 @@
<style>

@media only screen and (max-width: 500px) {
.asset_logo{

margin-left: 35px;


}
.nav, .navbar-nav {
text-align: center;
}
.navbar-header{
padding: 8px;
}
}


</style>
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
Expand All @@ -8,7 +27,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<img src="/ASSET/assets/img/asset_logo.png" alt="SCoRe" style="width: 52px;"/>
<img src="/ASSET/assets/img/asset_logo.png" class="asset_logo" alt="SCoRe" style="width: 52px;"/>
<!--<a class="navbar-brand" href="{{ "/" | prepend: site.baseurl }}">{{ site.title }}</a>-->
</div>
<div class="navbar-collapse collapse navbar-right">
Expand All @@ -25,4 +44,4 @@
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
7 changes: 7 additions & 0 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -399,6 +399,12 @@ a:focus {
margin-left: 15px;
}

@media only screen and (max-width: 500px) {
#blue h3 {
text-align: left;
}
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
Expand Down Expand Up @@ -508,3 +514,4 @@ a.anchor{
visibility: hidden;
}


Binary file modified assets/img/asset_logo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,16 @@
padding-bottom: 10px;
padding-top: 10px;
}

@media only screen and (max-width: 500px) {
img,h3,p {
text-align: left;
}
.img-responsive{
margin: auto;
width: 100px;
}
}
</style>
<div class="container mtb">
<div class="row">
Expand Down