This Template has a Responsive layout and is based on the Bootstrap Framework v3.3.5 For more information about the grid please visit Bootstrap Website.
YOUR CODES GOES HERE
Grid system with 2 columns:
YOUR CODES GOES HEREYOUR CODES GOES HERE
Grid system with 3 columns:
YOUR CODES GOES HEREYOUR CODES GOES HEREYOUR CODES GOES HERE
The CSS file is divided in sections:
Table of Contents #General and Typography #Preloader #Navigation #Logo #Intro #Save the Date #About Us #Our Story #Attendants #Event #Quote #Registry #Gallery #RSVP #Blog Pages #Footer and Credits #Miscellaneous #Media Queries
In the top of the HTML files you can find the lines below
The color skin lavender.css is the default color scheme, you can replace this by the name of other color schemes found in the folder Styles.
To edit the date Countdown, Open the main.js file located inside the js folder and change the wedding date on line 14
$('#countdown').countdowntimer({
dateAndTime : "2019/06/19 19:00:00", // <-- edit yyyy / mm / dd / time
The RSVP form will use php to send emails. Open the file sendmail.php located inside the php folder and change the example email found in the line 4 and your form is ready to use. Do Not delete the quote marks.
= "youremail@email.com"; //Recipient email, Replace with own email here
This theme uses Skrollr for Scrolling Effects on some text and images, click the link to read the documentation.
The Image below can help you tounderstand better how the Skrollr data attributes work:
To change the Open street Map section with your own location you can use This website to find your own latitude and longitude, then you can replace the longitude and latitude numbers in the file map.js located inside the js folder.
//Open street Map var coord = [40.738270, -74.008911]; // <--- coordinates here
The fonts used in this template are from Google Fonts, the fonts are Lora, Montserrat and Playfair Display
The images used in the preview are from Pexels and Freepik.
For better performance is recommended to use a image optimizer like Compressjpeg to make your site load faster.
The logo used in the demo is included in editable Photoshop file (psd), it can be found in the Img folder as logo_editable.psd, the font used was Nazeefa Script (Free Demo Version).