You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
161 lines
8.5 KiB
161 lines
8.5 KiB
<section class="oe_container oe_dark">
|
|
<div class="oe_row oe_spaced">
|
|
<h2 class="oe_slogan">Website Video Background</h2>
|
|
<h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a></h4>
|
|
</div>
|
|
</section>
|
|
<section class="oe_container">
|
|
<div class="oe_row oe_spaced">
|
|
<h2 class="oe_slogan" style="color:#875A7B;">Make youtube Video as background on website pages</h2>
|
|
<h3 class="oe_slogan">
|
|
Get video id from youtube and add it on website.
|
|
Eg: https://www.youtube.com/watch?v=uNCr7NdOJgw here uNCr7NdOJgw is your video id.
|
|
</h3>
|
|
</div>
|
|
|
|
<div class="oe_container oe_dark">
|
|
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min"
|
|
style="animation-name: none; visibility: hidden; animation-play-state: paused;">
|
|
|
|
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;">
|
|
<h2 class=" mt32 mb16"><b>Click on + button on website right corner (available for website editor and designer)</b></h2>
|
|
</div>
|
|
<div class="col-md-6" style="transition-delay: 500ms;">
|
|
<div class=" oe_demo oe_picture oe_screenshot">
|
|
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);"
|
|
src="new.png">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="oe_container">
|
|
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min"
|
|
style="animation-name: none; visibility: hidden; animation-play-state: paused;">
|
|
|
|
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;">
|
|
<h2 class=" mt32 mb16"><b>Click on Background Video Button</b></h2>
|
|
|
|
</div>
|
|
<div class="col-md-6" style="transition-delay: 500ms;">
|
|
<div class=" oe_demo oe_picture oe_screenshot">
|
|
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);"
|
|
src="add.png">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="oe_container oe_dark">
|
|
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min"
|
|
style="animation-name: none; visibility: hidden; animation-play-state: paused;">
|
|
|
|
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;">
|
|
<h2 class=" mt32 mb16"><b>You will get a new Prompt</b></h2>
|
|
</div>
|
|
<div class="col-md-6" style="transition-delay: 500ms;">
|
|
<div class=" oe_demo oe_picture oe_screenshot">
|
|
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);"
|
|
src="prompt.png">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="oe_container">
|
|
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min"
|
|
style="animation-name: none; visibility: hidden; animation-play-state: paused;">
|
|
|
|
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;">
|
|
<h2 class=" mt32 mb16"><b>Get youtube video id</b></h2>
|
|
</div>
|
|
<div class="col-md-6" style="transition-delay: 500ms;">
|
|
<div class=" oe_demo oe_picture oe_screenshot">
|
|
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);"
|
|
src="youtube_id.png">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="oe_container oe_dark">
|
|
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min"
|
|
style="animation-name: none; visibility: hidden; animation-play-state: paused;">
|
|
|
|
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;">
|
|
<h2 class=" mt32 mb16"><b>Paste youtube id in prompt and continue</b></h2>
|
|
</div>
|
|
<div class="col-md-6" style="transition-delay: 500ms;">
|
|
<div class=" oe_demo oe_picture oe_screenshot">
|
|
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);"
|
|
src="id_prompt.png">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="oe_container">
|
|
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min"
|
|
style="animation-name: none; visibility: hidden; animation-play-state: paused;">
|
|
|
|
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;">
|
|
<h2 class=" mt32 mb16"><b>Id get saved as system params</b></h2>
|
|
</div>
|
|
<div class="col-md-6" style="transition-delay: 500ms;">
|
|
<div class=" oe_demo oe_picture oe_screenshot">
|
|
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);"
|
|
src="system param.png">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="oe_container oe_dark">
|
|
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min"
|
|
style="animation-name: none; visibility: hidden; animation-play-state: paused;">
|
|
|
|
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;">
|
|
<h2 class=" mt32 mb16"><b>Preview</b></h2>
|
|
</div>
|
|
<div class="col-md-6" style="transition-delay: 500ms;">
|
|
<div class=" oe_demo oe_picture oe_screenshot">
|
|
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);"
|
|
src="prev1.png">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" style="transition-delay: 500ms;">
|
|
<div class=" oe_demo oe_picture oe_screenshot">
|
|
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);"
|
|
src="prev2.png">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="oe_container oe_dark">
|
|
<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
|
|
<div class="oe_slogan" style="margin-top:10px !important;">
|
|
<div>
|
|
<a class="btn btn-primary btn-lg mt8"
|
|
style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i
|
|
class="fa fa-envelope"></i> Email </a> <a
|
|
class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
|
|
href="https://www.cybrosys.com/contact/"><i
|
|
class="fa fa-phone"></i> Contact Us </a> <a
|
|
class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
|
|
href="https://www.cybrosys.com/odoo-customization-and-installation/"><i
|
|
class="fa fa-check-square"></i> Request Customization </a>
|
|
</div>
|
|
<br>
|
|
<img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
|
|
<div>
|
|
<a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
|
|
<a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
|
|
<a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
|
|
<a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
|
|
<a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|