Skip to content

Jorge Luis / zde

Go to a project
Commit 4b3ed115 by Jorge Luis
Options

ultimo commit de info

parent 98f361e2
Inline Side-by-side
Showing with 72 additions and 54 deletions
css/app.css
...@@ -60,3 +60,25 @@ ...@@ -60,3 +60,25 @@
.content-confirm { .content-confirm {
font-family: 'Lato', sans-serif !important; font-family: 'Lato', sans-serif !important;
color: black !important; } color: black !important; }
/*cambiar color de tipografia**/
.heading-block h2 {
color: #5ab4e8 !important; }
.button.button-circle:hover {
background-color: #5ab4e8 !important; }
.button.button-circle a:hover {
color: white !important; }
.botton-contact {
background-color: #5ab4e8 !important; }
.botton-chect-contact {
background-color: #5ab4e8 !important; }
.icon-angle-up:hover {
background-color: #5ab4e8 !important; }
.dark h3 {
color: #5ab4e8 !important; }
index.html
...@@ -72,15 +72,16 @@ ...@@ -72,15 +72,16 @@
<!-- Logo <!-- Logo
============================================= --> ============================================= -->
<div id="logo" class="d-block d-lg-none d-xl-block"> <div id="logo" class="d-block d-lg-none d-xl-block">
<a href="demo-photography.html" class="standard-logo" <a href="#" class="standard-logo"
data-dark-logo="demos/photography/images/zdlogo.png"> data-dark-logo="demos/photography/images/zdlogo.png">
<img src="demos/photography/images/zdlogo.png" alt="Canvas Logo"> <img src="demos/photography/images/zdlogo.png" alt="Canvas Logo">
</a> </a>
<a href="demo-photography.html" class="retina-logo" <a href="#" class="retina-logo"
data-dark-logo="demos/photography/images/zdlogo.png"> data-dark-logo="demos/photography/images/zdlogo.png">
<img src="demos/photography/images/zdlogo.png" alt="Canvas Logo"> <img src="demos/photography/images/zdlogo.png" alt="Canvas Logo">
</a> </a>
</div><!-- #logo end --> </div>
<!-- #logo end -->
<div id="primary-menu-trigger"> <div id="primary-menu-trigger">
<svg class="svg-trigger" viewBox="0 0 100 100"> <svg class="svg-trigger" viewBox="0 0 100 100">
...@@ -104,14 +105,14 @@ ...@@ -104,14 +105,14 @@
<li class="menu-item"><a class="menu-link" href="#gianpolo"> <li class="menu-item"><a class="menu-link" href="#gianpolo">
<div>Explore</div> <div>Explore</div>
</a></li> </a></li>
<li class="menu-item"><a class="menu-link" href="#"> <li class="menu-item"><a class="menu-link" href="#content">
<div>Pricing</div> <div>Gallery</div>
</a></li> </a></li>
<li class="menu-item"><a class="menu-link" href="#"> <li class="menu-item"><a class="menu-link" href="#questions">
<div>FAQs</div> <div>Questions</div>
</a></li> </a></li>
<li class="menu-item"><a class="menu-link" href="#"> <li class="menu-item"><a class="menu-link" href="#footer">
<div>Gallery</div> <div>Quick Contact</div>
</a></li> </a></li>
</ul> </ul>
</nav><!-- #primary-menu end --> </nav><!-- #primary-menu end -->
...@@ -135,8 +136,8 @@ ...@@ -135,8 +136,8 @@
<div class="swiper-slide dark"> <div class="swiper-slide dark">
<div class="container"> <div class="container">
<div class="slider-text"> <div class="slider-text">
<h3>Drinking Water</h3> <!--<h3>Drinking Water</h3>
<span>Summer Collection</span> <span>Summer Collection</span>-->
</div> </div>
</div> </div>
<div class="swiper-slide-bg" <div class="swiper-slide-bg"
...@@ -145,8 +146,8 @@ ...@@ -145,8 +146,8 @@
<div class="swiper-slide dark"> <div class="swiper-slide dark">
<div class="container"> <div class="container">
<div class="slider-text"> <div class="slider-text">
<h3>FireWorks Focus</h3> <!--<h3>FireWorks Focus</h3>
<span>Function Pictures</span> <span>Function Pictures</span>-->
</div> </div>
</div> </div>
<div class="swiper-slide-bg" <div class="swiper-slide-bg"
...@@ -155,8 +156,8 @@ ...@@ -155,8 +156,8 @@
<div class="swiper-slide dark"> <div class="swiper-slide dark">
<div class="container"> <div class="container">
<div class="slider-text"> <div class="slider-text">
<h3>Fashion Photography</h3> <!--<h3>Fashion Photography</h3>
<span>Black &amp; White Collections</span> <span>Black &amp; White Collections</span>-->
</div> </div>
</div> </div>
<div class="swiper-slide-bg" <div class="swiper-slide-bg"
...@@ -165,8 +166,8 @@ ...@@ -165,8 +166,8 @@
<div class="swiper-slide dark"> <div class="swiper-slide dark">
<div class="container"> <div class="container">
<div class="slider-text"> <div class="slider-text">
<h3>Showing Camera</h3> <!--<h3>Showing Camera</h3>
<span>Dark Collections</span> <span>Dark Collections</span>-->
</div> </div>
</div> </div>
<div class="swiper-slide-bg" <div class="swiper-slide-bg"
...@@ -218,14 +219,10 @@ ...@@ -218,14 +219,10 @@
<div class="col-lg-5 col-md-7 offset-lg-1"> <div class="col-lg-5 col-md-7 offset-lg-1">
<div class="topmargin d-block d-md-none d-lg-none d-xl-block"></div> <div class="topmargin d-block d-md-none d-lg-none d-xl-block"></div>
<div class="heading-block border-0"> <div class="heading-block border-0">
<h2 class="ls5">Gianpaolo Rocher</h2> <h2 class="ls5">ZUÑIGA DECORACIONES ESCENOGRÁFICAS</h2>
<span class="font-weight-light" style="font-size: 20px; color: #DDD;">Taking an image, freezing a <span class="font-weight-light" style="font-size: 20px; color: #DDD;">We transform your dreams, into wonderful memories</span>
moment, reveals how rich reality truly is..</span> </div>
</div> <p class="text-muted">With more than 20 years of experience, our goal, is to turn your dream event, into a reality, producing visually stunning weddings and corporate events that reflect the unique vision of each one of our clients, providing an exceptional service, and a unique design perspective.</p>
<p class="text-muted">Continually iterate installed base ROI whereas standardized bandwidth.
Synergistically whiteboard one-to-one architectures and inexpensive architectures. impactful ROI
and one-to-one schemas. Proactively recaptiualize 24/365 customer service after orthogonal total
linkage.</p>
<a href="#" class="button button-circle button-light button-white">Contact Us</a> <a href="#" class="button button-circle button-light button-white">Contact Us</a>
</div> </div>
</div> </div>
...@@ -249,14 +246,13 @@ ...@@ -249,14 +246,13 @@
<div class="heading-block border-bottom-0 mb-4"> <div class="heading-block border-bottom-0 mb-4">
<div class="before-heading ls1 text-white-50" style="font-style: normal">Difference</div> <div class="before-heading ls1 text-white-50" style="font-style: normal">Difference</div>
<h2 class="nott ls1 font-weight-bold mt-2" style="font-size: 46px">Before & After</h2> <h2 class="nott ls1 font-weight-bold mt-2" style="font-size: 46px">Before & After</h2>
<p class="text-white-50 font-weight-normal mt-3" style="font-size: 16px;">Incidunt <p class="text-white-50 font-weight-normal mt-3" style="font-size: 16px;">Our clients come from around the world seeking authentic local products, exceptional service, and a unique design perspective for their special day. Our singular vision is to design a backdrop that encourages communal experiences, unbridled celebration, and the making of unforgettable memories together. Through our event design, floral production, and rentals divisions we are able to create a setting from vision to fruition with each and every detail accounted for. We are your 360-degree visual design team</p>
reprehenderit itaque dicta pariatur ipsam officiis nobis quo deleniti optio ducimus, <p class="text-white-50 font-weight-normal mt-3" style="font-size: 16px;">
aliquid, impedit tempore neque dolorum. Ea vitae iure magni rem. Synergistically extend Incidunt reprehenderit itaque dicta pariatur ipsam officiis nobis quo deleniti optio ducimus, aliquid, impedit tempore neque dolorum. Ea vitae iure magni rem. Synergistically extend future-proof meta-services whereas resource sucking e-services. Dramatically supply next-generation.
future-proof meta-services whereas resource sucking e-services. Dramatically supply </p>
next-generation.</p>
</div> </div>
<a href="#" <a href="#"
class="button button-circle text-dark button-light bg-white nott font-weight-normal">learn class="button button-circle button-light bg-white nott font-weight-normal">learn
more</a> more</a>
</div> </div>
</div> </div>
...@@ -272,7 +268,7 @@ ...@@ -272,7 +268,7 @@
<!-- #content end --> <!-- #content end -->
<div class="container dark clearfix"> <div class="container dark clearfix">
<div class="heading-block dark center border-0"> <div class="heading-block dark center border-0">
<h3>Recent Images</h3> <h3>OUR WORK</h3>
<span>Click on the photography grids</span> <span>Click on the photography grids</span>
</div> </div>
<!-- Grid Items <!-- Grid Items
...@@ -678,13 +674,12 @@ ...@@ -678,13 +674,12 @@
<div class="container"> <div class="container">
<div class="row justify-content-between align-items-center mt-5 mb-5"> <div class="row justify-content-between align-items-center mt-5 mb-5">
<div class="col-lg-6 col-md-7 dark mb-5 mb-md-0 py-5"> <div class="col-lg-6 col-md-7 dark mb-5 mb-md-0 py-5">
<h2 class="display-4" style="font-weight: 600;">Your Home<br>Away From Home</h2> <h2 class="display-4" style="font-weight: 600;">Let’s create Wonderful memories</h2>
<p class="mb-5 lead text-white op-07">Objectively matrix exceptional paradigms via strategic testing <p class="mb-5 lead text-white op-07">Contact us, and let us create aunique experience for that special day.</p>
procedures. Enthusiastically repurpose impactful.</p> <!--<a href="#" class="button button-xlarge bg-color font-weight-normal nott ls0">Book
<a href="#" class="button button-xlarge bg-color font-weight-normal nott ls0">Book
Now</a> Now</a>
<a href="#" <a href="#"
class="button button-xlarge button-white button-light font-weight-normal nott ls0">Contact Us</a> class="button button-xlarge button-white button-light font-weight-normal nott ls0">Contact Us</a>-->
</div> </div>
<div class="col-md-5 d-flex align-self-end align-items-center align-items-lg-end col-form"> <div class="col-md-5 d-flex align-self-end align-items-center align-items-lg-end col-form">
<div class="card rounded-top bg-white border-0 w-100 shadow p-3"> <div class="card rounded-top bg-white border-0 w-100 shadow p-3">
...@@ -729,7 +724,7 @@ ...@@ -729,7 +724,7 @@
<button type="submit" id="form-availability-submit" name="form-availability-submit" <button type="submit" id="form-availability-submit" name="form-availability-submit"
class="button button-large btn-block rounded font-weight-semibold ml-0 mt-2" class="button botton-chect-contact button-large btn-block rounded font-weight-semibold ml-0 mt-2"
onclick='sendCheck("ok");'>Send Email</button> onclick='sendCheck("ok");'>Send Email</button>
</form> </form>
</div> </div>
...@@ -743,7 +738,7 @@ ...@@ -743,7 +738,7 @@
<!-- Content <!-- Content
============================================= --> ============================================= -->
<section id="content" class="question"> <section id="questions" class="question">
<div class="pb-0"> <div class="pb-0">
<div class="section m-0 bg-transparent"> <div class="section m-0 bg-transparent">
<div class="container"> <div class="container">
...@@ -759,7 +754,7 @@ ...@@ -759,7 +754,7 @@
<i class="toggle-open icon-line-minus"></i> <i class="toggle-open icon-line-minus"></i>
</div> </div>
<div class="toggle-title font-weight-semibold"> <div class="toggle-title font-weight-semibold">
How do I become an author? Where are you located?
</div> </div>
</div> </div>
<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. <div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
...@@ -776,7 +771,7 @@ ...@@ -776,7 +771,7 @@
<i class="toggle-open icon-line-minus"></i> <i class="toggle-open icon-line-minus"></i>
</div> </div>
<div class="toggle-title font-weight-semibold"> <div class="toggle-title font-weight-semibold">
Helpful Resources for Authors What kind of events can you create?
</div> </div>
</div> </div>
<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. <div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
...@@ -793,7 +788,7 @@ ...@@ -793,7 +788,7 @@
<i class="toggle-open icon-line-minus"></i> <i class="toggle-open icon-line-minus"></i>
</div> </div>
<div class="toggle-title font-weight-semibold"> <div class="toggle-title font-weight-semibold">
How much money can I make? Can you create custom designs?
</div> </div>
</div> </div>
<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. <div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
...@@ -810,7 +805,7 @@ ...@@ -810,7 +805,7 @@
<i class="toggle-open icon-line-minus"></i> <i class="toggle-open icon-line-minus"></i>
</div> </div>
<div class="toggle-title font-weight-semibold"> <div class="toggle-title font-weight-semibold">
Can I offer my items for free on a promotional basis? Do you offer complimentary services?
</div> </div>
</div> </div>
<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. <div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
...@@ -827,7 +822,7 @@ ...@@ -827,7 +822,7 @@
<i class="toggle-open icon-line-minus"></i> <i class="toggle-open icon-line-minus"></i>
</div> </div>
<div class="toggle-title font-weight-semibold"> <div class="toggle-title font-weight-semibold">
An Introduction to the Marketplaces for Authors Is it expensive to get married in Cancun?
</div> </div>
</div> </div>
<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. <div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
...@@ -844,7 +839,7 @@ ...@@ -844,7 +839,7 @@
<i class="toggle-open icon-line-minus"></i> <i class="toggle-open icon-line-minus"></i>
</div> </div>
<div class="toggle-title font-weight-semibold"> <div class="toggle-title font-weight-semibold">
How does the Tuts+ Premium affiliate program work? Do you accept USD?
</div> </div>
</div> </div>
<div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. <div class="toggle-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
...@@ -873,29 +868,30 @@ ...@@ -873,29 +868,30 @@
<div class="footer-widgets-wrap"> <div class="footer-widgets-wrap">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-md-5"> <div class="col-md-5">
<p class="font-weight-normal" <!--<p class="font-weight-normal"
style="font-size: 13px; line-height: 23px; font-family: var(--font1);">Monotonectally style="font-size: 13px; line-height: 23px; font-family: var(--font1);">Monotonectally
re-engineer optimal architectures without principle-centered markets. Continually synergize B2B re-engineer optimal architectures without principle-centered markets. Continually synergize B2B
channels before ethical.</p> channels before ethical.</p>-->
<div class="line line-sm dark"></div> <div class="line line-sm dark"></div>
<div class="row justify-content-between clearfix"> <div class="row justify-content-between clearfix">
<div class="col-6"> <div class="col-6">
<h5>Address:</h5> <h5>Address:</h5>
<address class="mb-3" style="line-height: 1.7; font-family: var(--font1);"> <address class="mb-3" style="line-height: 1.7; font-family: var(--font1);">
795 Folsom Ave, Suite 600<br> Mza 157 smz 307 L 4-2<br>
San Francisco, CA 94107<br> Alfredo V.Bonfil Benito Juarez<br>
</address> </address>
<h5 class="color font-italic m-0">Sundays Closed.</h5>
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="fr"> <div class="fr">
<div class="footer-big-contacts"> <div class="footer-big-contacts">
<span>Call Us:</span> <span>Call ES:</span>
(1) 22 55412474 Null
</div> </div>
<div class="footer-big-contacts mt-3"> <div class="footer-big-contacts mt-3">
<span>Send an Email:</span> <span>Send an Email:</span>
info@canvas.com info@decocancun.com <br>
info@decocabos.com
</div> </div>
</div> </div>
</div> </div>
...@@ -924,7 +920,7 @@ ...@@ -924,7 +920,7 @@
id="quick-contact-form-message" name="quick-contact-form-message" rows="4" cols="30" id="quick-contact-form-message" name="quick-contact-form-message" rows="4" cols="30"
placeholder="Message"></textarea> placeholder="Message"></textarea>
<button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit" <button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit"
class="button button-circle button-small nott font-weight-normal ml-0" value="submit" onclick='sendEmail("ok");'>send class="button button-circle botton-contact button-small nott font-weight-normal ml-0" value="submit" onclick='sendEmail("ok");'>send
email</button> email</button>
</form> </form>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment