Dia a día

[et_pb_section bb_built=”1″ admin_label=”Section” fullwidth=”off” specialty=”off” transparent_background=”off” background_color=”#ffffff” allow_player_pause=”off” inner_shadow=”off” parallax=”off” parallax_method=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” make_equal=”off” use_custom_gutter=”off” custom_css_main_element=”background: #00c6ff;||background: -webkit-linear-gradient(to top, #00c6ff , #0072ff);||background: linear-gradient(to top, #00c6ff , #0072ff);||height: 100vh;” custom_padding=”0px|0px|0px|0px” custom_padding_tablet=”50px|0|50px|0″ custom_padding_last_edited=”on|desktop”][et_pb_row admin_label=”Row” make_fullwidth=”on” use_custom_gutter=”on” gutter_width=”1″ custom_padding=”0px|0px|0px|0px” padding_mobile=”on” parallax_method=”off” parallax_method_1=”off” column_padding_mobile=”on” custom_css_main_element=”height: 100%;” custom_css_main_1=”position: absolute;||top: 50%;||left: 50%;||transform: translate(-50%,-50%);||-ms-transform: translate(-50%,-50%);||-webkit-transform: translate(-50%,-50%);||width: 80% !important;” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.0.78″][et_pb_column type=”4_4″][et_pb_code admin_label=”Code – JS | Set Date Here” _builder_version=”3.0.78″]<script> var targetDate = new Date(“2018/12/25 00:00:00″); </script>[/et_pb_code][et_pb_code admin_label=”Code – JS”]<script> var days; var hrs; var min; var sec; jQuery(function() { timeToLaunch(); setTimeout(countDownTimer,1001); }); function timeToLaunch(){ var currentDate = new Date(); var diff = (currentDate-targetDate)/1000; var diff = Math.abs(Math.floor(diff)); days = Math.floor(diff/(24*60*60)); sec = diff-days * 24*60*60; hrs = Math.floor(sec/(60*60)); sec = sec-hrs * 60*60; min = Math.floor(sec/(60)); sec = sec-min * 60; } function countDownTimer(){ timeToLaunch(); jQuery( “#days .number” ).text(days); jQuery( “#hours .number” ).text(hrs); jQuery( “#minutes .number” ).text(min); jQuery( “#seconds .number” ).text(sec); setTimeout(countDownTimer,1000); } function numberTransition(id, endPoint, transitionDuration, transitionEase){ jQuery({numberCount: jQuery(id).text()}).animate({numberCount: endPoint}, { duration: transitionDuration, easing:transitionEase, step: function() { jQuery(id).text(Math.floor(this.numberCount)); }, complete: function() { jQuery(id).text(this.numberCount); } }); }; </script>[/et_pb_code][et_pb_code admin_label=”Code – CSS”]<style> #main-content { margin: 0 !important; } ul#countdown { width: 100%; margin: 0 auto; padding: 0 !important; color: #fff; font-weight: bold; font-family: Oswald; } ul#countdown li { margin: 0 -5px 0 0; padding: 0; display: inline-block; width: 25%; font-size: 72px; font-size: 6vw; text-align: center; } ul#countdown li .label { color: #fff; font-size: 18px; font-size: 1vw; text-transform: uppercase; } ul#countdown li .number { line-height: 1em; } .et_pb_social_media_follow li a.icon::before { color: #2ea3f2 !important; } h2 { font-family: Merriweather; margin-bottom: 20px; display: inline-block; } </style>[/et_pb_code][et_pb_text admin_label=”Title” background_layout=”dark” text_orientation=”center” use_border_color=”off” border_color=”#ffffff” border_style=”solid” text_font=”Merriweather||||” module_alignment=”center” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]

Something wonderful is coming soon

[/et_pb_text][et_pb_code admin_label=”Code – HTML” custom_css_main_element=”padding: 5%;”]<ul id=”countdown”> <li id=”days”> <div class=”number”>00</div> <div class=”label”>Days</div> </li> <li id=”hours”> <div class=”number”>00</div> <div class=”label”>Hours</div> </li> <li id=”minutes”> <div class=”number”>00</div> <div class=”label”>Minutes</div> </li> <li id=”seconds”> <div class=”number”>00</div> <div class=”label”>Seconds</div> </li> </ul>[/et_pb_code][et_pb_social_media_follow admin_label=”Social Media Follow” link_shape=”circle” background_layout=”light” url_new_window=”on” follow_button=”off” custom_css_main_element=”text-align: center;||margin-top: 20px !important;” custom_css_social_follow=”float: none;||display: inline-block;” _builder_version=”3.0.78″] [et_pb_social_media_follow_network social_network=”facebook” url=”https://facebook.com/DesignYates” skype_action=”call” bg_color=”#ffffff”] facebook [/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=”twitter” url=”https://twitter.com/DesignYates” skype_action=”call” bg_color=”#ffffff”] Twitter [/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=”instagram” url=”https://instagram.com/DesignYates” skype_action=”call” bg_color=”#ffffff”] Instagram [/et_pb_social_media_follow_network] [/et_pb_social_media_follow][et_pb_countdown_timer _builder_version=”3.0.78″ title=”sdf” date_time=”6 abril, 2018 00:00″ use_background_color=”on” background_layout=”light” /][/et_pb_column][/et_pb_row][/et_pb_section]