People
 :bowtie: |
😄 :smile: |
😆 :laughing: |
|---|---|---|
😊 :blush: |
😃 :smiley: |
:relaxed: |
😏 :smirk: |
😍 :heart_eyes: |
😘 :kissing_heart: |
😚 :kissing_closed_eyes: |
😳 :flushed: |
😌 :relieved: |
😆 :satisfied: |
😁 :grin: |
😉 :wink: |
😜 :stuck_out_tongue_winking_eye: |
😝 :stuck_out_tongue_closed_eyes: |
😀 :grinning: |
😗 :kissing: |
😙 :kissing_smiling_eyes: |
😛 :stuck_out_tongue: |
| /*Method 1*/ | |
| .parent{ | |
| font-size: 0; /*This one do the trick*/ | |
| } | |
| .inline-block_{ | |
| display: inline-block; | |
| width: calc(100% / #); /*Change # number of columns you like*/ | |
| height: 300px; | |
| } | |
| /*Method 2*/ |
| /*TOP RIGHT BACK SHADOW*/ | |
| box-shadow: 10px -10px rgba(0,0,0,0.6); | |
| -moz-box-shadow: 10px -10px rgba(0,0,0,0.6); | |
| -webkit-box-shadow: 10px -10px rgba(0,0,0,0.6); | |
| -o-box-shadow: 10px -10px rgba(0,0,0,0.6); | |
| /*ALL SIDES BACK SHADOW*/ | |
| background-color: #eed; | |
| box-shadow: 0 0 10px rgba(0,0,0,0.6); | |
| -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); |
| .main_box{width: 100%; height: auto; border: 1px solid #0353a1; border-left: 8px solid #0353a1; padding: 10px; margin: 15px 0;} |
| <div class="serv_div"> | |
| <ul> | |
| <li> | |
| <a href="senior-care-center-skilled-nursing"> | |
| <img src="wp-content/themes/metroresource/images/non-home/thumb-52237462.jpg" alt="group of doctors and nurses"> | |
| <span>Skilled Nursing</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> |
| <div class="justifier"> | |
| <div class="content_box"> | |
| <h2>MISSION</h2> | |
| Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum dolorem et voluptatem necessitatibus asperiores dolore cumque, perferendis, nesciunt hic temporibus natus molestias eaque placeat dolor, vel atque. Quis, perferendis praesentium! | |
| </div> | |
| <div class="content_box"> | |
| <h2>MISSION</h2> | |
| Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum dolorem et voluptatem necessitatibus asperiores dolore cumque, perferendis, nesciunt hic temporibus natus molestias eaque placeat dolor, vel atque. Quis, perferendis praesentium! | |
| </div> | |
| </div> |
| <div class="slider"> | |
| <div class="plax"> | |
| <div class="box_skitter box_skitter_large" style="left: 0; top: -170px; width: 1920px; height: 981px; z-index: 0;"> | |
| <div id="content"> | |
| <ul> | |
| <li><figure><img src="<?php bloginfo('template_url'); ?>/images/slider/1.jpg" alt=""/></figure></li> | |
| <li><figure><img src="<?php bloginfo('template_url'); ?>/images/slider/2.jpg" alt=""/></figure></li> | |
| <li><figure><img src="<?php bloginfo('template_url'); ?>/images/slider/3.jpg" alt=""/></figure></li> | |
| </ul> | |
| </div> |
| <!--to check offset--> | |
| <span class="scrolls"></span> | |
| <div class="btm_plax_holder"> | |
| <div id="bottom2"> | |
| <div class="wrapper"> | |
| <div class="btm2_con"> | |
| <?php dynamic_sidebar('btm2_box1'); ?> | |
| </div> | |
| </div> |
| <!--THE EFFECTIVE WAY IS ON THE BOTTOM--> | |
| <div class="container"> | |
| <figure><img src="<?php bloginfo('template_url'); ?>/images/mid_img1.jpg" alt="dummy youtube video with company logo"></figure> | |
| <iframe src="https://player.vimeo.com/video/279335650" allowfullscreen></iframe> | |
| </div> | |
| <!--The height will depends on the image that why it will be responsive;--> | |
| <style> | |
| .middle_con1 .container iframe{width: 100%;height: 100%;top:0;left:0;position: absolute;z-index: 1;} | |
| .middle_con1 .container figure{position: relative;z-index: 0;} |
| body { | |
| background: | |
| url(sweettexture.jpg) /* image */ | |
| top center / 200px 200px /* position / size */ | |
| no-repeat /* repeat */ | |
| fixed /* attachment */ | |
| padding-box /* origin */ | |
| content-box /* clip */ | |
| red; /* color */ | |
| } |