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

Jump to bottom

modified css #45

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

modified css #45

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
37 changes: 24 additions & 13 deletions css/queries.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,14 @@

.intro-content {
display: inline-block;
width: 70%;
width: 10%;
}

}

@media screen and (max-width: 1024px) {
.hero .hero-content {
padding-top: 50%;
padding-top: 60%;
}
}

Expand All @@ -30,7 +30,7 @@

.header-nav {
position: fixed;
background-color: #000;
background-color: #fff;
width: 100%;
height: 100%;
top: 0;
Expand Down Expand Up @@ -65,10 +65,10 @@
}

nav ul li a {
color: #fff;
font-size: 25px;
text-transform: uppercase;
font-weight: 600;
color: #000000;
font-size: 15px;
text-transform: lowercase;
font-weight: 1000;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
Expand Down Expand Up @@ -183,7 +183,7 @@

.intro-content {
display: inline-block;
width: 75%;
width: 50%;
margin-bottom: 30px;
}

Expand Down Expand Up @@ -240,7 +240,7 @@
}

.rsvp {
padding-top: 40px;
padding-top: 10px;
}

footer .social-share {
Expand All @@ -258,7 +258,7 @@
}

#eng-pics .img-wrap i {
font-size: 25px;
font-size: 100px;
position: absolute;
width: 25px;
height: 25px;
Expand All @@ -275,7 +275,7 @@

footer ul.footer-group li a {
font-size: 13px;
text-transform: uppercase;
text-transform: lowercase;
padding: 20px 0;
display: block;
border-bottom: dashed 1px #4E566C;
Expand Down Expand Up @@ -311,7 +311,7 @@
}

.hero h1 {
font-size: 50px;
font-size: 100px;
}

.btn-margin-right {
Expand All @@ -331,7 +331,7 @@
height: 1002px;
background: url("../img/ipad-device.png") no-repeat center center;
z-index: 1;
background-size: 40%;
background-size: 10%;
}

.features .iphone-wrap {
Expand Down Expand Up @@ -363,4 +363,15 @@
.rsvp {
padding-top: 20px;
}
}
.font1{
font-weight: 500;
}
.heading{
color: black! important;
font-weight: 400;
font-size: 100;
}
.main-heading{
font-weight: 700;
}
45 changes: 25 additions & 20 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,14 +45,14 @@
<div class="logo"><a href="#"><img src="img/logo.png" alt="Logo"></a></div>
<div class="header-nav">
<nav>
<ul class="primary-nav">
<ul class="primary-nav main-heading">
<li><a href="#intro">How we met</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#instagram">Instagram</a></li>
<li><a href="#eng-pics">Engagement</a></li>
<li class="hidden-sm hidden-xs"><a href="#video-bg">Glimpse of the city</a></li>
</ul>
<ul class="member-actions">
<ul class="member-actions main-heading">
<li><a href="#map" class="login">Venue</a></li>
<li><a href="#rsvp" class="btn-white btn-small">RSVP</a></li>
</ul>
Expand Down Expand Up @@ -88,7 +88,7 @@
<section id="invitation" class="section-padding">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="col-md-12 text-center for font1">
<h3>We are getting hitched</h3>
<p>The dates are 27<sup>th</sup> & 28<sup>th</sup> of November '17 and we would like you to be a part of
it.</p>
Expand All @@ -109,6 +109,7 @@ <h3 class="header">How we met</h3>
<div class="col-md-3 hidden-sm hidden-xs"><img src="img/IMG_2317.jpg" class="wp1"></div>
<div class="col-md-6">
<p>
<p class="text success for font1">
I first saw Antara in the Fall of 2008 when we started our undergrad. I was instantly attracted to
her but was far too nervous to speak to her. I had told my friend I liked her and news had traveled
fast and she soon found out. Her first reaction was "Who is Ram?" and she began searching for me in
Expand Down Expand Up @@ -138,16 +139,18 @@ <h3 class="header">Events</h3>
<div class="wp3">
<p><strong>27th November</strong></p>

<h5>Mehndi <span class="time">1PM - 5PM</span></h5>
<p>It's one of the oldest traditional Indian pre wedding ceremony where the bride and groom
<h5 class="heading">Mehndi <span class="time">1PM - 5PM</span></h5>
<p class="text-success for font1">
<p>It's one of the oldest traditional Indian pre wedding ceremony where the bride and groom
attend the event together and a professional mehndi artist applies
mehndi to the bride's hands and feet. This will be having a celebratory
festival feel to it with people wearing vibrant clothes and dancing, singing, playing
games and a lot more.</p>
</div>
<div class="wp5">
<h5>Cocktail Night <span class="time">7PM - 12AM</span></h5>
<p>This event is no way close to ethnic. The bride & groom would like to have some "shots before the
<h5 class="heading">Cocktail Night <span class="time">7PM - 12AM</span></h5>
<p class="text-success for font1">
<p>This event is no way close to ethnic. The bride & groom would like to have some "shots before the
knot". With booze flowing down the floor and the western attire on, everyone would be busy
showing off their new moves on the stage which they have finely honed. Lastly, expect some beer
pong matches & karaoke for sure.</p>
Expand All @@ -157,15 +160,17 @@ <h5>Cocktail Night <span class="time">7PM - 12AM</span></h5>
<div class="wp4">
<p><strong>28th November</strong></p>

<h5>Haldi <span class="time">10AM-11AM</span></h5>
<p>The haldi ceremony is usually held separately for the bride and the groom. This one is for the
<h5 class="heading">Haldi <span class="time">10AM-11AM</span></h5>
<p class="text-success for font1">
<p>The haldi ceremony is usually held separately for the bride and the groom. This one is for the
bride. It is a low-key event that involves the application of turmeric paste on the hands, legs
and face of the bride. The groom is not allowed to see the bride after this ritual until the
final wedding ceremony starts.</p>
</div>
<div class="wp6">
<h5>Wedding <span class="time">6PM-12AM</span></h5>
<p>This is the main event in the entire wedding when the bride and the groom tie the
<h5 class="heading">Wedding <span class="time">6PM-12AM</span></h5>
<p class="text-success for font1">
<p>This is the main event in the entire wedding when the bride and the groom tie the
knot. The groom comes with the barat and is greeted by the bride side with some dhol of course
as maximum number of guests would be attending this event. This is when the couple circle the
sacred fire and are finally declared husband and wife.</p>
Expand All @@ -191,31 +196,31 @@ <h5>Wedding <span class="time">6PM-12AM</span></h5>
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>&times;</span>
</button>
<h3 class="text-center section-padding">Ugh... dress codes?</h3>
<h5>Mehndi <span class="time">1PM - 5PM</span></h5>
<h3 class="text-center section-padding font-para-1">Ugh... dress codes?</h3>
<h5 class="heading">Mehndi <span class="time">1PM - 5PM</span></h5>
<p>
<strong>Ethnic indian wear</strong>
<br>
<br class="text-success for font">
Ladies can wear something
<a href="https://www.pinterest.com/ramswarooppatra/mehndi-dress-for-women/">bright & vivid</a>
and gentlemen can be on
their <a href="https://www.pinterest.com/ramswarooppatra/mehndi-dress-for-men/">vibrant
kurtas</a> with pants or pyjamas along with an optional shawl.
</p>
<h5>Cocktail Night <span class="time">7PM - 12AM</span></h5>
<h5 class="heading">Cocktail Night <span class="time">7PM - 12AM</span></h5>
<p>
<strong>Western attire</strong>
<br>
<br class="text-success for font">
A semi-formal look that is contemporary & fashionable which is not too prim & proper is the best
to pull off this night. You can see some pins for
<a href="https://www.pinterest.com/ramswarooppatra/cocktail-night-outfit-for-women/">ladies</a>
& <a href="https://www.pinterest.com/ramswarooppatra/cocktail-night-outfit-for-men/">gents</a>.
</p>
<h5>Wedding <span class="time">6PM-12AM</span></h5>
<h5 class="heading">Wedding <span class="time">6PM-12AM</span></h5>
<p>
<strong>Indo-western</strong>
<br>
Ladies can flaunt their unconventional sarees,
<br class="text-success for font">
Ladies can flaunt their unconventional sarees,
<a href="https://www.pinterest.com/ramswarooppatra/indo-western-lehengas/">lehengas</a>,
<a href="https://www.pinterest.com/ramswarooppatra/indo-western-anarkalis/">anarkalis</a>,
dresses and the list
Expand Down Expand Up @@ -253,7 +258,7 @@ <h3>A picture is worth a thousand words!</h3>
<div class="container-fluid">
<div class="row">
<div class="col-md-12 text-center">
<h3 class="header">Engagement Pics</h3>
<h3 class="main-heading">Engagement Pics</h3>
</div>
</div>
<div class="row">
Expand Down