Envato Market
Web Themes & Templates
Guest Cart
0
Create an Envato Account Sign In
Cart

Discussion on Creative One Page HTML Template - IRA

Discussion on Creative One Page HTML Template - IRA

$12
By
Cart 35 sales
Well Documented

C-Kav supports this item

Supported

This author's response time can be up to 1 business day.

21 comments found.

fisheyedigital

fisheyedigital Purchased

over 4 years ago

Hello, the contact form doesn’t have any layer of protection from spam/bots. Can you instruct how/where to modify the form to incorporate a captcha?

C-Kav Author

over 4 years ago

Hi, IRA use PHP function for a contact form. You can customize the function according to your requirement. You can find function in “form-data/formdata.php” file. Thank you

jackoarts

jackoarts

almost 5 years ago

Hi. I need this site to show up in Internet Explorer and it is not. What do I do?

C-Kav Author

almost 5 years ago

Hi, Thank you for taking interest in our template. A template is compatible with IE. Please describe us more about your issues or requirement, so we can help you accordingly. You can drop us a mail with the profile contact form. Thank you

fisheyedigital

fisheyedigital Purchased

almost 5 years ago

Hello – Thanks for your help so far. I’ve got everything working except for the map. It seems when I change the Australia Long/Lat coordinates with mine – the map remains blank:

Coordinates in your template: Lat: -37.817136 Long: 144.955652

Coordinates I need in my map: Lat: -122.8163268 Long: 45.5455753

I also replaced the API key in the ckav-template.js file with the following:

/* Google map widget **/ if ($o.gmapwidget) { var social_script_arr = [ “https://maps.googleapis.com/maps/api/js?key=AIzaSyDwPWzXxI-RFv2jE3DUW3Fl2FXNs21fXAU”, “lib/MapIt/jquery.mapit.min.js”

Let me know if you can help, thanks!

2 other replies

C-Kav Author

almost 5 years ago

Hi, Unfortunately, video background does not support mobile devices. Thank you

fisheyedigital

fisheyedigital Purchased

almost 5 years ago

Thanks – I just didn’t know if there was a line of code to make a mobile device view a still image instead of video

C-Kav Author

almost 5 years ago

Hi, Mobile devices do not support video background, that why video background converts as a background image in mobile devices. Thank you

fisheyedigital

fisheyedigital Purchased

almost 5 years ago

Hello, thanks for your feedback and assistance. The only remaining item is the video background. I’m unable to get a video to show up and play:

<!- IMAGE OVERLAY -> <!- / IMAGE OVERLAY ->

<!- BACKGROUND IMAGE -> <!- BACKGROUND VIDEO -> <!- / BACKGROUND IMAGE ->

C-Kav Author

almost 5 years ago
Hi, 
- We check your provided URL. https://www.fisheyedigital.com/new/index.html
- As we can see that there is a youtube video URL instead of YouTube video id in code.
- Please follow below steps to set video background.
- Go to your index file.
- Find below code line.

<!-- BACKGROUND VIDEO -->
<div data-bg-holder="video" class="videobg z2 full-wh" data-start="13" data-videoid="https://www.youtube.com/watch?v=utRPJDFdXn4" />

- Set data-videoid="(Set Video ID)" as like in below example. 
- As par current code you set youtube video URL instead of video id.

Example: 
data-videoid="utRPJDFdXn4" 

- Set attribute data-start="(Video Time)"  according to your requirement. 
- data-start="" use for from which second you start your video.

If you still facing any issues then please let us know.

Thank you

fisheyedigital

fisheyedigital Purchased

almost 5 years ago

Hello, I have purchased your template and am just trying to get some remaining elements fine tuned. To expedite you being able to help, I’ve uploaded my current site files to a google drive folder and am also including the site link in it’s testing environment as it stands.

Google drive link to site files: https://drive.google.com/open?id=1ln_aoPMUigf9ay_CAiVr2FfP6ZLQDi5P

URL to site in test environment: https://www.fisheyedigital.com/new/index.html

Items I need help with:

1. The video background isn’t working. I’m attempting to reference an external video via YouTube and followed the instructions you left in your comment thread from another user. Could you check to see where I might have gone wrong? I’m using dark-index-04.html. The video I would like playing in the background is: https://www.youtube.com/watch?v=utRPJDFdXn4&t

2. Deleting any extra space that’s unused or unnecessary on page.

3. Our work/portfolio section. I’d like to link each image placeholder to a youtube file that opens in a separate window. A link to the first video of the kids back on the slide is: https://www.youtube.com/watch?v=pVWiYSQJsT8&t

If you were able to get the first one functional, I could reference your code and do the others.

4. I’d like to make it so the phone numbers are mobile friendly and able to be dialed by clicking on them if possible?

5. I’m unable to get the map to work. I’ve included the API key from google in the js/ckav-template.js file and updated the long/lat in the index file.

6. I would love to be able to include a captcha in the email form as to not receive spam/bot activity if possible?

7. I wanted to include my physical address and phone number info at the bottom near the footer and have it all centered with the phone numbers able to be dialed via click.

Thanks!

fisheyedigital

fisheyedigital Purchased

almost 5 years ago

Hello?

C-Kav Author

almost 5 years ago

Hi, We apologize for late reply


[1] The video background isn’t working. I’m attempting to reference an external video via YouTube and followed the instructions you left in your comment thread from another user. Could you check to see where I might have gone wrong? I’m using dark-index-04.html. The video I would like playing in the background is: https://www.youtube.com/watch?v=utRPJDFdXn4&t
++++++++++++++++++++++
-We check your provided URL. As we can see that there is a youtube video URL instead of YouTube video id.

<!-- BACKGROUND VIDEO -->
<div data-bg-holder="video" class="videobg z2 full-wh" data-start="13" data-videoid="https://www.youtube.com/watch?v=utRPJDFdXn4" />

Example: 
data-videoid="utRPJDFdXn4" 

- Set attribute data-start="13"  according to your requirement. 



[2] Deleting any extra space that’s unused or unnecessary on page.
++++++++++++++++++++++
- Unfortunately, we are not clear about your issues or requirement. Please describe us more and specific about your issues, so we can help you accordingly.



[3] Our work/portfolio section. I’d like to link each image placeholder to a youtube file that opens in a separate window. A link to the first video of the kids back on the slide is: https://www.youtube.com/watch?v=pVWiYSQJsT8&t
++++++++++++++++++++++
- Please follow below steps to setup link on portfolio image.
- Go to the portfolio section.
- Find below code line.

<figure class="hover-box1">
    <a href="page-portfolio-single-01-dark.html" class="full-wh z3"></a>
    <b class="full-wh bg-cover bg-cc" data-bg="images/mockup-01.jpg" style="background-image: url(" images="" />
    <img src="images/mockup-01.jpg" alt="image" class="op-0" />
    <figcaption class="overlay z2 pd-tiny flex-bl typo-light">
        <a href="page-portfolio-single-01-dark.html" class="sq60 fs40 iconbox r20 t20 pos-abs z1 txt-default"><i class="pe-7s-right-arrow" /></a>
        <div class="content pos-rel z1 ani-right w100">
            <span class="mr-r-4 fs11 txt-upper">Documentary</span>
            <span class="mr-r-4 fs11 txt-upper">Short</span>
            <hr class="mr-tb-10 bdr-default" />
            <h2 class="title fs16 mr-b-4 bold-3 f-1">Pediatric Cancer</h2>
            <p class="mr-0 fs13 op-06">The Legacy of Louie "Lou Dog" Vanderslice</p>
        </div>
        <b class="bg-dark op-09 full-wh" />
    </figcaption>

</figure>

- You can find two action points.
<a href="page-portfolio-single-01-dark.html" class="full-wh z3"></a>

<a href="page-portfolio-single-01-dark.html" class="sq60 fs40 iconbox r20 t20 pos-abs z1 txt-default"><i class="pe-7s-right-arrow" /></a>

- Add your youtube link in href="" 
- Add target="_blank" if you wish to open link in new tab.

Example: 
<a target="_blank" href="page-portfolio-single-01-dark.html" class="full-wh z3"></a>



[4] I’d like to make it so the phone numbers are mobile friendly and able to be dialed by clicking on them if possible?
++++++++++++++++++++++
- Please follow below steps to make the phone number able to be dialed by clicking on them.
- Go to your phone number.
- Add phone number like below example.

Example
<a href="tel:1234-567-890">1234-567-890</a> 



[5] I’m unable to get the map to work. I’ve included the API key from google in the js/ckav-template.js file and updated the long/lat in the index file.
++++++++++++++++++++++
- We check your code. It requires a small change.
- Go to js/ckav-template.js
- Find below code line [MAP API KEY CODE LINE]

CURRENT CODE
===========
var social_script_arr = [
    "https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxx",
    "lib/MapIt/jquery.mapit.min.js" 
];

CHANGE CODE
===========
var social_script_arr = [
    "//maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxx",
    "lib/MapIt/jquery.mapit.min.js" 
];



[6] I would love to be able to include a captcha in the email form as to not receive spam/bot activity if possible?
++++++++++++++++++++++
- Currently, there is no captcha code with contact form features available. We will add these feature in a next future update of the template. Integrate captcha code with form requires some code changes. Please provide your FTP details, so we can help you to set up captcha with the form.



[7] I wanted to include my physical address and phone number info at the bottom near the footer and have it all centered with the phone numbers able to be dialed via click.
++++++++++++++++++++++
- Go to the footer area 
- Find below code line.

<p class="mr-0 op-05 align-c"><a href="#" target="_blank">3594 NW Talamore Terrace, Portland, Oregon 97229  |  503-290-8999 (Oregon)  |  757-506-5255 (Virginia)  |   Fisheye Digital Design Studio, LLC  </a> © <span class="copyright-year">2018</span></p>

- Add "align-c" class as like in above code.

Thank you

fisheyedigital

fisheyedigital Purchased

almost 5 years ago

Hello! I purchased your template and extended support and had a few questions…

1. Is this configured for SSL, and if not – would I need to go through every file and change instances of “http” to “https” manually, or do you provide a version of the site that has that configured?

2. Will incorporating a video background pulling from YouTube only work in a preview if it’s uploaded to the web server (instead of local from 127.x.x preview)

3. With the portfolio – once the thumbnails and descriptions are configured – what’s the best way to have the click action open a YouTube video?

Thanks!

C-Kav Author

almost 5 years ago
Hi, 

[1] Is this configured for SSL, and if not – would I need to go through every file and change instances of “http” to “https” manually, or do you provide a version of the site that has that configured?
+++++++++++++++++++++++++++
- Our item using all relative path in HTML you just needs to setup SSL to your server.

[2] Will incorporating a video background pulling from YouTube only work in a preview if it’s uploaded to the web server (instead of local from 127.x.x preview)
+++++++++++++++++++++++++++
- IRA require server environemnt to work parfectly fine. It's require XMAPP/WAMP/MAMP if you wish to run locally. 

[3] With the portfolio – once the thumbnails and descriptions are configured – what’s the best way to have the click action open a YouTube video?
+++++++++++++++++++++++++++
- Please follow below steps to setup link on portfolio image.
- Go to portfolio section.
- Find below code line.

<figure class="hover-box1">
    <a href="page-portfolio-single-01-dark.html" class="full-wh z3"></a>
    <b class="full-wh bg-cover bg-cc" data-bg="images/mockup-01.jpg" style="background-image: url("images/mockup-01.jpg");" />
    <img src="images/mockup-01.jpg" alt="image" class="op-0" />
    <figcaption class="overlay z2 pd-tiny flex-bl typo-light">
        <a href="page-portfolio-single-01-dark.html" class="sq60 fs40 iconbox r20 t20 pos-abs z1 txt-default"><i class="pe-7s-right-arrow" /></a>
        <div class="content pos-rel z1 ani-right w100">
            <span class="mr-r-4 fs11 txt-upper">Documentary</span>
            <span class="mr-r-4 fs11 txt-upper">Short</span>
            <hr class="mr-tb-10 bdr-default" />
            <h2 class="title fs16 mr-b-4 bold-3 f-1">Pediatric Cancer</h2>
            <p class="mr-0 fs13 op-06">The Legacy of Louie "Lou Dog" Vanderslice</p>
        </div>
        <b class="bg-dark op-09 full-wh" />
    </figcaption>

</figure>

- You can find two action points.
<a href="page-portfolio-single-01-dark.html" class="full-wh z3"></a>

<a href="page-portfolio-single-01-dark.html" class="sq60 fs40 iconbox r20 t20 pos-abs z1 txt-default"><i class="pe-7s-right-arrow" /></a>

- Add your youtube link in href="" 
- Add target="_blank" if you wish to open link in new tab.
Thank you
fisheyedigital

fisheyedigital Purchased

almost 5 years ago

Thanks! I have all resolved except the video background. Code below, any chance you could tell me where I’ve gone wrong?

<!- IMAGE OVERLAY -> <!- / IMAGE OVERLAY ->

<!- BACKGROUND IMAGE -> <!- BACKGROUND VIDEO -> <!- / BACKGROUND IMAGE ->

C-Kav Author

almost 5 years ago
Hi, 
- We check your provided URL. https://www.fisheyedigital.com/new/index.html
- As we can see that there is a youtube video URL instead of YouTube video id in code.
- Please follow below steps to set video background.
- Go to your index file.
- Find below code line.

<!-- BACKGROUND VIDEO -->
<div data-bg-holder="video" class="videobg z2 full-wh" data-start="13" data-videoid="https://www.youtube.com/watch?v=utRPJDFdXn4" />

- Set data-videoid="(Set Video ID)" as like in below example. 
- As par current code you set youtube video URL instead of video id.

Example: 
data-videoid="utRPJDFdXn4" 

- Set attribute data-start="(Video Time)"  according to your requirement. 
- data-start="" use for from which second you start your video.

If you still facing any issues then please let us know.

Thank you

fisheyedigital

fisheyedigital Purchased

almost 5 years ago

Hello – considering purchasing this template. I just want to be able to include a captcha in the contact form – do you provide any instruction on how to include this without breaking any of the formatting? Are load times/data restrictions an issue on mobile devices with the video background? Thanks!

C-Kav Author

almost 5 years ago

Hi, Thank you for purchasing our template. We apologize for late reply.


[1] I just want to be able to include a captcha in the contact form – do you provide any instruction on how to include this without breaking any of the formatting?
+++++++++++++++++++++++++++
- Currently, there is no captcha code with contact form features available. We will add these feature in a next future update of the template. Integrate captcha code with form requires some code changes. Please provide your FTP details, so we can help you to set up captcha with the form.

[2] Are load times/data restrictions an issue on mobile devices with the video background?
+++++++++++++++++++++++++++
- Unfortunately, Video background does not support in mobile devices.

If you still facing any issues then please let us know.

Thank you

Reactiveflorence

Reactiveflorence Purchased

almost 5 years ago

Hi there, can you explain how to embeded a fullscreen video youtube from your file I can’t find any to do it

thanks

C-Kav Author

almost 5 years ago

Hi, please follow below steps to add youtube background.


- Go to your the index file.
- Add below code in the section for video background.

<!-- BACKGROUND IMAGE -->
<div class="full-vh" data-stellar="y" data-stellar-ratio="0.8" data-ckav-sm="h100">
    <!-- BACKGROUND VIDEO -->
    <div data-bg-holder="video" class="videobg z2 full-wh" data-start="13" data-videoid="S7wCAquf9Us" />

    <b data-bg-holder="bg-img" data-bg="images/youbg-img-01.jpg" class="full-wh bg-cover bg-cc bg-dark z1" />
</div>
<!-- / BACKGROUND IMAGE -->

- Add YouTube video id in data-videoid="" attribute.
- You can set video start from by using data-start="" attribute.

If you still facing any issues then please let us know. Thank you

drev0

about 5 years ago

AWESOME! I WISH YOU ONLY GOOD MOOD!!! ;)

C-Kav Author

about 5 years ago

Thank you :)

alanalonso

alanalonso Purchased

over 5 years ago

WHere do I have to include the api key for the contact map?

C-Kav Author

over 5 years ago

Hi

Thank you for purchasing our item. Please follow below steps to set google map API key.

1) Open file => js/ckav-template.js

2) Find below line of code 
https://maps.googleapis.com/maps/api/js?sensor=false

3) Replace URL with API key

Exmple below is URL with API key

https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap Quick guide on API key setup https://developers.google.com/maps/documentation/javascript/get-api-key

Thanks

askbootstrap

over 5 years ago

Congratulations! Nice Work & Good Luck With Sale :)

C-Kav Author

over 5 years ago

Thank you :)

ThemeAves

over 5 years ago

Nice work. Good luck with sale :grin:

C-Kav Author

over 5 years ago

Thank you :)

joomlastars

over 5 years ago

Congratulations! Nice Work & Good Luck With Sale :)

C-Kav Author

over 5 years ago

Thank you :)

gsrthemes9

over 5 years ago

Congratulations! Nice Work & Good Luck With Sale :)

C-Kav Author

over 5 years ago

Thank you.

TmdStudio

over 5 years ago

Great Work, Congratulations GLWS :)

C-Kav Author

over 5 years ago

Thank you.

Xemrind

over 5 years ago

Nice work, good luck with sale.

C-Kav Author

over 5 years ago

Thank you.

ThemeCuriosity

over 5 years ago

Congratulations! Nice Work, Good Luck With Sale :grin:

C-Kav Author

over 5 years ago

Thank you.

szthemes

over 5 years ago

Congratulations!

Amazing Work, Good Luck With Sale :grin:

C-Kav Author

over 5 years ago

Thank you.

DEV-Themes

over 5 years ago

Excellent Work! :-)

C-Kav Author

over 5 years ago

Thank you.

MuseStars

over 5 years ago

Great work! Congratulations! Good sales and buyers.

C-Kav Author

over 5 years ago

Thank you.

Regular License
Regular License Selected
$12

Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.

Extended License
$850

Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.

View license details

$12
  • Included: Quality checked by Envato
  • Included: Future updates
  • Included: 6 months support from C-Kav More Info

Price is in US dollars and excludes tax

View Portfolio
Last Update
Published 3 April 2018
High Resolution No
Compatible Browsers IE11, Firefox, Safari, Chrome
Compatible With Bootstrap 3.x
ThemeForest Files Included PHP Files, HTML Files, CSS Files, JS Files
Columns 1
Documentation Well Documented
Layout Responsive
Tags agency, blog, bootstrap responsive, clean, corporate, html5, landing page, minimal, modern, one page, personal, portfolio, website template
© All Rights Reserved C-Kav
Contact the Envato Market Help Team
by
Price is in US dollars and excludes tax
by
Price is in US dollars and excludes tax
by
Price is in US dollars and excludes tax
by
Price is in US dollars and excludes tax
by
Price is in US dollars and excludes tax
by
Price is in US dollars and excludes tax

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey