N0sBa
diff --git a/‎custom/box-model/index.html
Lines changed: 20 additions & 0 deletions b/‎custom/box-model/index.html
Lines changed: 20 additions & 0 deletions
diff --git a/‎custom/box-model/style.css
Lines changed: 16 additions & 0 deletions b/‎custom/box-model/style.css
Lines changed: 16 additions & 0 deletions
diff --git a/‎custom/c1.txt renamed to ‎custom/layout/c1.txt b/‎custom/c1.txt renamed to ‎custom/layout/c1.txt
diff --git a/‎custom/index.html renamed to ‎custom/layout/index.html b/‎custom/index.html renamed to ‎custom/layout/index.html
diff --git a/‎custom/style.css renamed to ‎custom/layout/style.css b/‎custom/style.css renamed to ‎custom/layout/style.css
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Box model</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div class="box">
+    This is box content
+  </div>
+  <a href="#">Lorem ipsum dolor sit.</a>
+  <a href="#">Totam, fugit nam! Ab.</a>
+  <a href="#">Amet accusamus odit mollitia!</a>
+  <a href="#">Ab cum dicta quas!</a>
+  <img class="post-img" src="https://i.pinimg.com/564x/f5/c7/54/f5c7545c8ab6df2ddb305523705001e4.jpg" alt="adventure-characters">
+</body>
+</html>
@@ -0,0 +1,16 @@
+.box {
+  border: 2px solid black;
+  padding: 1em 2em;
+  background-color: red;
+}
+
+.post-img {
+  width: 300px;
+  margin: 50px;
+}
+
+a:link {
+  padding: 20px;
+  background-color: aquamarine;
+  display: inline-block;
+}