Josephin Doe

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Share your thoughts

#### Box Shadow

##### Top only

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

##### Code Explanation for Top Side Shadow

    				                      	/* Use for Top Shadow 0 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-top-0 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-top-0">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for Top Shadow 1 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-top-1 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-top-1">
    				                      			<p class="text-sm-center ">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for Top Shadow 2 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-top-2 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-top-2">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for Top Shadow 3 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-top-3 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-top-3">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for Top Shadow 4 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-top-4 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-top-4">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    										/* Use for Top Shadow 5 */

    				                      <div class="col-lg-4">
    				                      		<div class="p-20 z-depth-top-5 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-top-5">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	<div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

##### bottom only

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

##### Code Explanation for Bottom Side Shadow

    				                      	/* Use for bottom Shadow 0 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-bottom-0 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-bottom-0">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for bottom Shadow 1 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-bottom-1 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-bottom-1">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for bottom Shadow 2 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-bottom-2 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-bottom-2">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for bottom Shadow 3 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-bottom-3 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-bottom-3">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for bottom Shadow 4 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-bottom-4 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-bottom-4">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    										/* Use for bottom Shadow 5 */

    				                      <div class="col-lg-4">
    				                      		<div class="p-20 z-depth-bottom-5 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-bottom-5">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	<div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

##### left only

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

##### Code Explanation for Left Side Shadow

    				                      	/* Use for left Shadow 0 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-left-0 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-left-0">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for left Shadow 1 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-left-1 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-left-1">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for left Shadow 2 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-left-2 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-left-2">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for left Shadow 3 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-left-3 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-left-3">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for left Shadow 4 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-left-4 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-left-4">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    										/* Use for left Shadow 5 */

    				                      <div class="col-lg-4">
    				                      		<div class="p-20 z-depth-left-5 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-left-5">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	<div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

##### right only

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

##### Code Explanation for Right Side Shadow

    				                      	/* Use for right Shadow 0 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-right-0 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-right-0">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for right Shadow 1 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-right-1 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-right-1">
    				                      			<p class="text-sm-center ">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for right Shadow 2 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-right-2 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-right-2">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for right Shadow 3 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-right-3 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-right-3">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for right Shadow 4 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-right-4 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-right-4">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    										/* Use for right Shadow 5 */

    				                      <div class="col-lg-4">
    				                      		<div class="p-20 z-depth-right-5 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-right-5">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	<div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

##### All Side

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

##### Code Explanation for All Side Shadow

    				                      	/* Use for All Side Shadow 0 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-0 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-0">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for All Side Shadow 1 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-1 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-1">
    				                      			<p class="text-sm-center ">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for All Side Shadow 2 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-2 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-2">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for All Side Shadow 3 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-3 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-3">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    				                      	/* Use for All Side Shadow 4 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-4 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-4">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	</div>

    										/* Use for All Side Shadow 5 */

    				                      	<div class="col-lg-4">
    				                      		<div class="p-20 z-depth-5 waves-effect" data-toggle="tooltip" data-placement="top" title=".z-depth-5">
    				                      			<p class="text-sm-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    				                      		</div>
    				                      	<div>

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.