diff --git a/Exercise 1/home.html b/Exercise 1/home.html new file mode 100644 index 0000000000000000000000000000000000000000..9c5ab95a0969d1ab88271e52d567af7569418116 --- /dev/null +++ b/Exercise 1/home.html @@ -0,0 +1,18 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Home page</title> + <link rel="stylesheet" href="style.css"> + <script src="script.js"></script> + +</head> +<body> + +<div> + <img src="image5-small.jpg"> +</div> + +</body> +</html> \ No newline at end of file diff --git a/Exercise 1/image5-small.jpg b/Exercise 1/image5-small.jpg new file mode 100644 index 0000000000000000000000000000000000000000..162548994907eea3231445a9e42fe3d275a52dc8 Binary files /dev/null and b/Exercise 1/image5-small.jpg differ diff --git a/Exercise 1/index.html b/Exercise 1/index.html index c344373a8e5fde76c311631b22ecde63ca6d746d..7e881162568c057947f5abbe0104c3d2439a5726 100644 --- a/Exercise 1/index.html +++ b/Exercise 1/index.html @@ -17,7 +17,7 @@ <div class="wrapper"> <div class="menu-container"> <ul id="menu"> - <li><div>Home</div></li> + <li><div><a href="home.html" target="index-content">Home</a></div></li> <li>-</li> <li><div>Slideshow</div></li> <li>-</li> @@ -37,7 +37,7 @@ </div> <div class="index-content-parent"> - <iframe name="index-content" src="" ></iframe> + <iframe name="index-content" src="home.html"></iframe> </div> </div> diff --git a/Exercise 1/style.css b/Exercise 1/style.css index e0db7d8f0d3d9f3b2ae23e13a908ca11bd62273b..88291dabc110a044ca920c784418f63e84265a15 100644 --- a/Exercise 1/style.css +++ b/Exercise 1/style.css @@ -42,15 +42,5 @@ iframe { width: 800px; height: 500px; margin-left: 150px; - -} - -.index-content { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - width: 100%; - height: 100%; + border: 0; } \ No newline at end of file