Skip to content

modifing the css #30

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
Sugata23 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

modifing the css #30

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
133 changes: 75 additions & 58 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,16 +16,16 @@
}

.container .navbar-brand {
height: 80px;
height: 80px;
}

.container .nav >li >a {
padding-top: 30px;
padding-bottom: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.container .navbar-toggle {
padding: 10px;
margin: 25px 15px 25px 0;
padding: 10px;
margin: 25px 15px 25px 0;
}

.navbar-inverse {
Expand Down Expand Up @@ -58,11 +58,11 @@
}

.navbar-brand {
padding: 0px;
padding: 0px;
}
.navbar-brand>img {
height: 100%;
width: auto;
height: 100%;
width: auto;
}

.mainlogosvg {
Expand Down Expand Up @@ -117,14 +117,16 @@ ul > li {
}

.wrapper h2 {
color: white;
font-size: 25px;
font-weight: normal;
color: rgba(233, 219, 219, 0.906);
font-size: 75px;
font-weight:700 ;
}

.wrapper p {
margin-top: -25px;
color: #fff;
font-size: 22px;
font-weight: 500;
margin-top: -10px;
color: #8bcdf7;
text-shadow: 1px 1px 1px #000;
}

Expand Down Expand Up @@ -158,77 +160,78 @@ h2 {
h1,
h2,
h3 {
margin: 0;
padding: 1em 0;
text-shadow: 1px 1px 1px #000;
margin: 0;
padding: 1em 0;
text-shadow: 1px 1px 1px #000;
}

p {
margin: 0;
padding: 2em 2em;
margin: 0;
padding: 2em 2em;
}

/* Button Settings for Landing Page */
.btn1 {
display: block;
background: #333;
width: 45%;
position: relative;
color: #fff;
text-decoration: none;
padding: 1em 2em;
border: 1px solid #666;
margin: 0 auto;
display: block;
background: #333;
width: 45%;
position: relative;
color: #fff;
text-decoration: none;
padding: 1em 2em;
border: 1px solid #666;
margin: 0 auto;
border-radius: 10px;
}

.btn1:hover {
background: #eaeaea;
color: #333;
background: #eaeaea;
color: #333;
}

/* Button Global Settings */
.btn {
display: block;
background: #333;
width: 45%;
position: relative;
color: #fff;
text-decoration: none;
padding: 1em 2em;
border: 1px solid #666;
margin: 0 auto;
display: block;
background: #333;
width: 45%;
position: relative;
color: #fff;
text-decoration: none;
padding: 1em 2em;
border: 1px solid #666;
margin: 0 auto;
}

.btn:hover {
background: #eaeaea;
color: #333;
background: #eaeaea;
color: #333;
}




/* Header Showcase */
#showcase {
min-height: 550px;
text-align: center;
text-shadow: 1px 1px 1px #000;
min-height: 550px;
text-align: center;
text-shadow: 1px 1px 1px #000;
}

#showcase .bg-image {
position: absolute;
background: #333 url("img/people.jpeg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
z-index: -1;
opacity: 0.8;
position: absolute;
background: #333 url("img/people.jpeg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
z-index: -1;
opacity: 0.8;
}

#showcase .content-wrap,
#section-a .content-wrap {
padding: 0 1.5em;
padding: 0 1.5em;
}

#showcase {
Expand All @@ -244,12 +247,16 @@ p {
}

#showcase h1 {
padding-top: 100px;
padding-bottom: 0;
color: #fff;
font-size: 45px;
font-weight: 700;
padding-top: 100px;
padding-bottom: 0;
color: #fff;
}

#showcase p {
font-size: 26px;
font-weight: 400;
color: #fff;
}

Expand All @@ -265,12 +272,14 @@ p {

#trial h1 {
font-size: 2em;
font-weight: 600;
color: #fff;
}

#trial p {
margin-top: -15px;
font-size: 1em;
font-size: 1.3em;
font-weight: 400;
color: #fff;
}

Expand Down Expand Up @@ -303,6 +312,14 @@ p {
left: 50%;
transform: translate(-50%, -50%);
}
#content .hero{
display: grid;
grid-template-columns:repeat(2, 1fr);
grid-gap: 2rem;
align-items: center;
justify-content: center;
text-align: center;
}



Expand All @@ -319,7 +336,7 @@ p {

#newsletter {
padding: 0 15px;
height: 450px;
height: 50%;
background-color: indianred;
}

Expand Down
18 changes: 12 additions & 6 deletions home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,13 +71,18 @@ <h1>FREE TRIAL</h1>

<!-- History -->
<section id="banner">
<div class="hero">
<h1>History of Gym</h1>
<img src="img/oldgym.jpeg" style="width:100%;" border="0" alt="Null">
<p>A gym, also referred as gymnasium, is an open air or covered location for gymnastics, athletics, and gymnastic services. The word is derived from the ancient Greek gymnasium. They are commonly found in athletic and fitness centers, and as activity and learning spaces in educational institutions. "Gym" is also slang for "fitness center", which is often an indoor facility.

Gymnasia apparatus such as barbells, parallel bars, jumping board, running path, tennis-balls, cricket field, fencing area, and so forth are used as exercises. In safe weather, outdoor locations are the most conducive to health. Gyms were popular in ancient Greece. Their curricula included Gymnastica militaria or self-defense, gymnastica medica, or physical therapy to help the sick and injured, and gymnastica athletica for physical fitness and sports, from boxing to dancing.</p>
<div id="content">
<div class="hero">
<div>
<h1>History of Gym</h1>
<p>A gym, also referred as gymnasium, is an open air or covered location for gymnastics, athletics, and gymnastic services. The word is derived from the ancient Greek gymnasium. They are commonly found in athletic and fitness centers, and as activity and learning spaces in educational institutions. "Gym" is also slang for "fitness center", which is often an indoor facility.

Gymnasia apparatus such as barbells, parallel bars, jumping board, running path, tennis-balls, cricket field, fencing area, and so forth are used as exercises. In safe weather, outdoor locations are the most conducive to health. Gyms were popular in ancient Greece. Their curricula included Gymnastica militaria or self-defense, gymnastica medica, or physical therapy to help the sick and injured, and gymnastica athletica for physical fitness and sports, from boxing to dancing.</p>
</div>
<img src="img/oldgym.jpeg" style="width:100%;" border="0" alt="Null">
</div>
</div>

</section>

<!-- Member's Gallery -->
Expand Down Expand Up @@ -139,6 +144,7 @@ <h2>Sign up for our EXCLUSIVE TRAINING Tips, Offers and Discounts</h2>
</div>
</div>
</footer>


<!-- Import Jquery -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
Expand Down