|
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<title>CSS Essential Training</title>
|
|
|
|
|
<script type="module" src="boxmodel.js" defer></script>
|
|
|
|
|
<link href="/styles/grid_layout1_general.css" rel="stylesheet" type="text/css">
|
|
|
|
|
<link href="/styles/grid_layout1.css" rel="stylesheet" type="text/css">
|
|
|
|
|
|
|
|
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
|
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
|
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
</head>
|
|
|
|
|
<body class="site">
|
|
|
|
|
<div class="heading"></div>
|
|
|
|
|
<div class="global_menu">
|
|
|
|
|
<a href="/android/android.html">ANDROID</a>
|
|
|
|
|
<a href="/linux/linux.html">LINUX</a>
|
|
|
|
|
<a href="/programming/programming.html">PROGRAMMING</a>
|
|
|
|
|
<a href="/raspberrypi/raspberrypi.html">RASPBERRY PI</a>
|
|
|
|
|
<a href="/webdevelopment/webdevelopment.html">WEB DEVELOPMENT</a>
|
|
|
|
|
<a href="/hungary/hungary.html">HUNGARY</a>
|
|
|
|
|
<a href="/japan/japan.html">JAPAN</a>
|
|
|
|
|
<a href="/">HOME</a>
|
|
|
|
|
</div>
|
|
|
|
|
<main>
|
|
|
|
|
<div class="local_menu">
|
|
|
|
|
<a href="introduction.html">Introduction</a>
|
|
|
|
|
<a href="gettingstarted.html">Getting Started</a>
|
|
|
|
|
<a href="core.html">Core Concepts</a>
|
|
|
|
|
<a href="boxmodel.html">The Box Model</a>
|
|
|
|
|
<a href="typography.html">Typography</a>
|
|
|
|
|
<a href="layouts1.html">Layouts: Float and Position</a>
|
|
|
|
|
<a href="layouts2.html">Layouts: Flexbox and Grid</a>
|
|
|
|
|
<a href="selectors.html">Advanced Selectors</a>
|
|
|
|
|
<a href="fluid.html">Fluid and Responsive Layouts</a>
|
|
|
|
|
<a href="conclusion.html">Conclusion</a>
|
|
|
|
|
<a href="resumes.html">Resumes</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main_content"></div>
|
|
|
|
|
<div class="sidebar" id="sidebar"></div>
|
|
|
|
|
</main>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
