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

Enhanced version of website #34

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

Enhanced version of website #34

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
33 changes: 27 additions & 6 deletions css/queries.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,13 +74,14 @@
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out
}

nav ul li {
margin-bottom: 25px
}

nav ul.primary-nav li {
display: block;

}

nav ul.member-actions li {
Expand Down Expand Up @@ -139,12 +140,15 @@
transform: translate3d(0, 0, 0)
}

nav ul.primary-nav li:first-child {
-moz-transition-delay: 0.05s;
-o-transition-delay: 0.05s;
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s
nav ul.primary-nav li:hover {
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s
}




nav ul.primary-nav li:nth-child(2) {
-moz-transition-delay: 0.1s;
Expand Down Expand Up @@ -363,4 +367,21 @@
.rsvp {
padding-top: 20px;
}
}
.font-para-1{
font-weight: 600;
}
.sec-headings{
color:black !important;
font-weight: 500;
font-size: 150%;
}
.event-heading{
font-size: 300%;
font-weight: bolder;
margin-bottom:3rem;

}
.button-margin{
margin:1rem 0;
}
42 changes: 21 additions & 21 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
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 text-success font-para-1">
<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 @@ -108,7 +108,7 @@ <h3 class="header">How we met</h3>
<div class="row">
<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 font-para-1">
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 All @@ -126,28 +126,28 @@ <h3 class="header">How we met</h3>
</div>
</section>

<section class="events section-padding" id="events">
<section class="events section-padding " id="events">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="header">Events</h3>
<h3 class="event-heading text-center text-uppercase">Events</h3>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12 leftcol">
<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="sec-headings">Mehndi <span class="time">1PM - 5PM</span></h5>
<p class="text-success">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="sec-headings">Cocktail Night <span class="time">7PM - 12AM</span></h5>
<p class="text-success">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 +157,15 @@ <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="sec-headings">Haldi <span class="time">10AM-11AM</span></h5>
<p class="text-success">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="sec-headings">Wedding <span class="time">6PM-12AM</span></h5>
<p class="text-success">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 Down Expand Up @@ -338,20 +338,20 @@ <h3 class="header">Engagement Pics</h3>
<div id="bgndVideo" class="player"
data-property="{videoURL:'https://youtu.be/9giqL1H6yRs',containment:'#video-bg',autoPlay:true, mute:true, showControls:false, startAt:80, stopAt:259, opacity:1}">
</div>
<div id="video-content">
<h5>Kolkata</h5>
<div id="video-content" class="font-para-1">
<h5 >Kolkata</h5>
<p>City of joy</p>
</div>
</section>

<section id="map" class="section-padding">
<div class="text-center">
<div class="text-center font-para-1">
<h3>How do I get there?</h3>
<p>It's way easier than you think!</p>
</div>
<div id="map-canvas"></div>
<div id="map-content-wrapper" class="container pointer-events-none">
<div class="row">
<div class="row ">
<div class="col-xs-offset-1 col-xs-10 col-md-offset-3 col-md-6">
<div class="text-center">
<div id="btn-show-content" class="toggle-map-content pointer-events-auto">
Expand Down Expand Up @@ -405,8 +405,8 @@ <h3>Thank you!</h3>
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="container">
<div class="row">
<div class="container-fluid bg-danger text-white">
<div class="row >
<div class="col-md-6 col-md-offset-3">
<h3>What are you waiting for?</h3>
<p>We would greatly appreciate if you could RSVP before 1st of November '17</p>
Expand Down Expand Up @@ -447,13 +447,13 @@ <h3>What are you waiting for?</h3>
</div>
</div>
</div>
<div class="row">
<div class="row mb-3">
<div class="col-md-12" id="alert-wrapper"></div>
</div>
<button class="btn-fill rsvp-btn">
<a href="#" class="btn btn-success btn-block button-margin">
Yes,
that's me!
</button>
</a>
</form>
</div>
</div>
Expand Down