Chalk

Tutorials of (Chalk) by Atomicsmash

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Chalk</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  	<div id="container">
		<div id="top-edge"></div><div id="right-edge"></div><div id="bottom-edge"></div><div id="left-edge"></div><div id="tile-ill"></div>
		<div id="content">If you enjoyed reading this post, you’ll love Learnable; the place to learn fresh skills and techniques from the masters. Members get instant access to all of SitePoint’s ebooks and interactive online courses, like Layout Building Techniques with HTML and CSS.</div>
	</div>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
body{
    		background-image:url(https://dev.atomicsmash.co.uk/borders/tarmac.jpg);
    	}
		#container{
			height:auto;
			width:50%;
			background-color:#444444;
			position:relative;
			margin-top:100px;
			background-image:url(https://dev.atomicsmash.co.uk/borders/tarmac.jpg);
		}
		#tile-ill{
			width:185px;
			height:132px;
			background-image:url(https://dev.atomicsmash.co.uk/borders/hello.jpg);
			position:absolute;
			left:50%;
			margin-left:-90px;
			top:-60px;
		}
		#top-edge{
			width:100%;
			height:10px;
			position:absolute;
			background-image:url(https://dev.atomicsmash.co.uk/borders/border-h.png);
		}
		#right-edge{
			width:10px;
			height:100%;
			background-image:url(https://dev.atomicsmash.co.uk/borders/border-v.png);
			position:absolute;
			right:0;
		}
		#bottom-edge{
			width:100%;
			height:10px;
			background-image:url(https://dev.atomicsmash.co.uk/borders//border-h.png);
			position:absolute;
			bottom:0;
		}
		#left-edge{
			width:10px;
			height:100%;
			background-image:url(https://dev.atomicsmash.co.uk/borders/border-v.png);
			position:absolute;
			left:0;
		}
		#content{
			height:auto;
			width:90%;
			color:#ffffff;
			padding:100px 5% 5% 5%;
			position:relative;
		}	
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( Chalk ) is write by AtomicSmash, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © AtomicSmash