樱桃视频app官网

厦门新吉公服务有限公司


Thank you

To install this theme, simply unzip the file you downloaded into your main directory.

This theme is powered by Bootstrap. If you want to get to know it's grid system or any other features so you can understand this theme more clearly, just head on to the their documentation section.

This is the section that the user will first see when they scroll down. Here you have an image slider ( carousel ). That rotates some of the sample images of your book. These you can change by changing the src attribute of the image inside the .item div, contained in the .owl-book div. Maybe you've noticed that after every img element there is a div with an overlay class. This is the overlay you get when you hover over the slider item with your mouse. This is useful if you want the user to have the ability to zoom in on the sample pages. This overlay div contains a hyperlink whose href tag should match the src tag of the img tag above. This href tag determines what image will open in the lightbox once the user clicks.

Note: to keep more optimized for loading time, you might want to add a small and big version of your sample images, and then in the img element put the small image and in the href attribute of the hyperlink in the overlay div, add the big image.


On the right side you will find another 6 width column, which you can use to further describe your book.

The reviews section contains a slider. Each item is marked with an item class. Here you can change each reviewer's picture, name, location and rating. To change the rating add a div with a class rating. Then inside, add 5 ( or whatever the maximum rating is ) span tags with a class of rate. Then each one you want to be active, after the rate class, add an active class. And after that you will find a small paragraph that contains their review quote.

This section is styled with the reviews class.

This seciton contains a brief introduction the biography of the author, and his/her name. All of these you can change easily. The more interesting part of this section is the one on the right. This part contains the author's tour locations. Of course, it can contain anything you would like, we just added this feature for your needs. Inside you will find a div with a class of locations, where every item is marked with a class of location. Don't mix them up! First we will talk about the future tours, the ones that are coming up. Each location div contains a heading, with a heading class. Put the title and location of your tour here. And below that you can put the date and time of your tour along with a link to the google maps directions. To make directions visit this page https://support.google.com/maps/answer/144339?hl=en . And then just paste the link inside the href attribute of the tag. After these ones you will find the "done"  locations. You can also put the date and time here but it's simpler to just leave the title and location in here. To make a location finished, just add a done class. 

If you followed this guide step by step and scrolled through the page,  together,  in the process, you might've noticed i missed a section. A green and prominent section. These sections are called "call to action"  sections. They are used to draw attention to the user with bright and vivid colors. These sections are very simple to edit and create. To make a section a call to action, just make a section  tag and add a call-to-action class.  

Finally, the contact section.

On the left you will find the contact details of the author which you can edit, and on the right you will find a contact form.

You can switch these up if you want, completely remove them, or just edit them in a whole different way.

If you don't want some of the fields in the contact form just remove them. You can also edit their placeholder attributes to change the text that appears in the fields.

If you find the last call to action section you will see there is a form that appears by clicking on the GET SAMPLE button.

This is a form your user can use to get a sample book. When he enters their information here, you will get an email containing their information, so you can send them a sample book.

 

That brings us to the PHP scripts.

There are two PHP scripts in this theme and they are located in the php folder, and they are very similiar.

The first one we will take a look at is the sampleMail.php file. This is the file that takes care of sending the sample users to your email address. This script contains a simple mail function inside which takes in 4 arguments. The first one is your email address that will receive emails about new users. The second one is the subject or title that will be written in the email, and the third one is the body of the email.

Note: to access values from the forms in php, let's say you have an input field with a name attribute that has a value of firstName. To access it in PHp all you have to do is write $_POST["firstName"].

The second scripts is the mail.php script. It is pretty much the same, except this is the php scripts that takes care of sending contact emails to you. Here it's the same principle with the arguments. First is your email address, the second one is the title, and the third one is the body. 

 

逗趣直播app官网 成版人短视频app下载iOS 小宝贝直播app官网 樱桃app官网 成版人快手app下载iOS 橘子直播app下载污 豌豆直播app下载污 柠檬直播app官网 橙子视频app下载iOS 含羞草视频app下载iOS 花狐狸直播app下载污 香蜜直播app官网 向日葵视频app下载污 大菠萝app下载污 橙子视频app下载iOS 柠檬直播app下载iOS 蜜柚直播app官网 芭乐app下载污 微啪app官网 抖阴app下载iOS 九尾狐视频app下载iOS 小优app下载iOS 蓝颜app官网 名优馆app下载iOS 月亮视频app下载iOS 桃花直播app官网 猛虎视频app官网 梦露直播app官网 猫咪软件app下载污 水晶直播app官网 千层浪app下载iOS 火辣直播app官网 花仙子直播app下载iOS 老王视频app下载iOS 皮卡丘直播app官网 皮卡丘直播app官网 青草视频app官网 小宝贝直播app下载iOS 含羞草app官网 91视频app下载iOS 蓝颜app官网 彩云直播app官网 秋葵视频app下载污 色秀直播app官网 麻豆传媒直播app下载污 小狐仙视频app下载污 草鱼app官网 性福宝app下载污 含羞草app下载iOS 粉色视频app下载污 香蕉直播app下载污 污直播app下载污 朵朵直播app下载iOS 草榴短视频app下载污 樱花app下载iOS 十里桃花直播app下载iOS JAV名优馆app官网 樱桃视频app下载污 樱花视频app下载iOS 望月app官网 小喵直播app下载污 iAVBOBOapp下载iOS 佳丽直播视频app下载污 花心社区app下载iOS 嘿嘿连载app官网 心上人直播app下载iOS 小米粒直播app官网 乐购直播app官网 七秒鱼直播app下载iOS 食色短视频app下载iOS 木瓜视频app下载iOS 丝瓜视频污app下载污 依恋直播app官网 小怪兽app官网 草榴视频app官网 樱花雨直播app下载iOS 荔枝视频app下载iOS 成版人短视频app官网 月亮视频app下载污 春水堂视频app下载污 梦鹿直播app下载iOS 木瓜视频app下载iOS 成版人抖音app官网 泡芙短视频app官网 桃花app官网 荔枝app官网 遇见直播app下载污 麻豆传媒视频app下载污 成版人音色短视频app下载iOS 秀色小抖音app下载污 微杏app官网 花心视频app下载iOS 牛牛视频app官网 小优app下载污 黄瓜视频人app下载污 九尾狐视频app下载污 樱花雨直播app下载iOS 蜜桃直播app官网 花样视频app官网 蓝精灵直播app下载iOS 朵朵直播app官网 陌秀直播app官网 本色视频app下载iOS 丝瓜视频污app下载iOS 快猫视频app下载污 遇见直播app下载iOS 卡哇伊直播app官网 草莓视频app下载污 欢喜视频app下载iOS 暖暖直播app下载污 爱爱视频app官网 swag视频app官网 7秒鱼直播app下载iOS 春水堂视频app官网 花姿app下载iOS 91直播app官网 雨燕直播app下载iOS 芭乐视频app下载iOS 黄瓜直播app下载iOS 含羞草app下载iOS 东京视频app下载iOS 小天仙直播app下载iOS 草榴视频app下载iOS 蜜柚直播app官网 初恋视频app下载iOS 探探直播app官网 棉花糖直播app官网 青青草app官网 MM直播app下载手机版 媚妹秀app下载污 秀色小抖音app下载污 玉米视频app官网 后宫app下载iOS 月亮直播app官网 成版人茄子视频app官网 小奶狗视频app官网 泡芙短视频app下载iOS 香草视频app官网