<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> iFrame Drop Down Menu </title>
<link rel="stylesheet" href="Exercise 009 iFrame CSS codes.css">
</head>
<body>
<div class="navbar">
<a href="#home">Home</a>
<a href="https://ravenrose73.weebly.com/about.html" target="Jil a.k.a. Raven">About</a>
<a href="https://ravenrose73.weebly.com/contact.html" target="Jil a.k.a. Raven">Contacts</a>
<div class="dropdown">
<button class="dropbtn">Mid-WP
<i class="fa fa-cared-down"></i>
</button>
<div class="dropdown-content">
<a href="https://jpgyago-mmaeducworks.weebly.com/wp-exercise-006.html" target="Jil a.k.a. Raven"> WP Ex. 006 </a>
<a href="https://jpgyago-mmaeducworks.weebly.com/wp-exercise-007.html" target="Jil a.k.a. Raven"> WP Ex. 007 </a>
<a href="https://jpgyago-mmaeducworks.weebly.com/wp-exercise-008.html" target="Jil a.k.a. Raven"> WP Ex. 008 </a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Mid-IMD
<i class="fa fa-cared-down"></i>
</button>
<div class="dropdown-content">
<a href="https://jpgyago-mmaeducworks.weebly.com/imd-exercise-006.html" target="Jil a.k.a. Raven"> IMD Ex. 006 </a>
<a href="https://jpgyago-mmaeducworks.weebly.com/imd-exercise-007.html" target="Jil a.k.a. Raven"> IMD Ex. 007 </a>
<a href="https://jpgyago-mmaeducworks.weebly.com/imd-exercise-008.html" target="Jil a.k.a. Raven"> IMD Ex. 008 </a>
</div>
</div>
</div>
<div id="row1" class="row">
<div class="column1">
</div>
<div id="row1" class="row">
<div class="column2">
<h1 id="home"> HOME </h1> <h3> Welcome to my website! ☺ </h3>
<hr>
<h1> About </h1>
<iframe name="Jil a.k.a. Raven" src="https://ravenrose73.weebly.com/about.html" width="100%" height="600px;">
</iframe>
<hr>
<h1> Portfolio 1 </h1>
<iframe name="Jil a.k.a. Raven's portfolio" src="https://ravenrose73.weebly.com/" width="100%" height="600px;">
</iframe>
<hr>
<h1> Portfolio 2</h1>
<iframe name="JPGY Multimedia Education Works" src="https://jpgyago-mmaeducworks.weebly.com/" width="100%" height="600px;">
</iframe>
<hr>
<p style="text-indent: 50px; text-align: justify;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet consectetur adipiscing elit duis tristique sollicitudin nibh sit amet. Suscipit adipiscing bibendum est ultricies integer quis auctor elit. Ipsum nunc aliquet bibendum enim. Massa tempor nec feugiat nisl pretium fusce id. Massa sed elementum tempus egestas sed sed risus pretium quam. Pretium quam vulputate dignissim suspendisse in. Tincidunt praesent semper feugiat nibh sed pulvinar proin. Turpis massa sed elementum tempus egestas sed. Amet mauris commodo quis imperdiet. Faucibus turpis in eu mi. A lacus vestibulum sed arcu. Vitae et leo duis ut diam quam nulla porttitor. </p>
</div>
</div>
<div id="row1" class="row">
<div class="column3">
</div>
<footer id="footer" style="background-color: #000000;padding: 20px;">
<p style="margin-left: 65px;color:#ffffff;"> Jil's portfolios: </p>
<a href="https://jpgyago-mmaeducworks.weebly.com/" style= "margin-left:70px;color: #ffffff;"> ♦ Visit JPGY MMA Works! </a> <br>
<a href="https://ravenrose73.weebly.com/" style= "margin-left:70px;color: #ffffff;"> ♦ Visit Jil's Portfolio! </a> <br> <br>
</footer>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> iFrame Drop Down Menu </title>
<link rel="stylesheet" href="Exercise 009 iFrame CSS codes.css">
</head>
<body>
<div class="navbar">
<a href="#home">Home</a>
<a href="https://ravenrose73.weebly.com/about.html" target="Jil a.k.a. Raven">About</a>
<a href="https://ravenrose73.weebly.com/contact.html" target="Jil a.k.a. Raven">Contacts</a>
<div class="dropdown">
<button class="dropbtn">Mid-WP
<i class="fa fa-cared-down"></i>
</button>
<div class="dropdown-content">
<a href="https://jpgyago-mmaeducworks.weebly.com/wp-exercise-006.html" target="Jil a.k.a. Raven"> WP Ex. 006 </a>
<a href="https://jpgyago-mmaeducworks.weebly.com/wp-exercise-007.html" target="Jil a.k.a. Raven"> WP Ex. 007 </a>
<a href="https://jpgyago-mmaeducworks.weebly.com/wp-exercise-008.html" target="Jil a.k.a. Raven"> WP Ex. 008 </a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Mid-IMD
<i class="fa fa-cared-down"></i>
</button>
<div class="dropdown-content">
<a href="https://jpgyago-mmaeducworks.weebly.com/imd-exercise-006.html" target="Jil a.k.a. Raven"> IMD Ex. 006 </a>
<a href="https://jpgyago-mmaeducworks.weebly.com/imd-exercise-007.html" target="Jil a.k.a. Raven"> IMD Ex. 007 </a>
<a href="https://jpgyago-mmaeducworks.weebly.com/imd-exercise-008.html" target="Jil a.k.a. Raven"> IMD Ex. 008 </a>
</div>
</div>
</div>
<div id="row1" class="row">
<div class="column1">
</div>
<div id="row1" class="row">
<div class="column2">
<h1 id="home"> HOME </h1> <h3> Welcome to my website! ☺ </h3>
<hr>
<h1> About </h1>
<iframe name="Jil a.k.a. Raven" src="https://ravenrose73.weebly.com/about.html" width="100%" height="600px;">
</iframe>
<hr>
<h1> Portfolio 1 </h1>
<iframe name="Jil a.k.a. Raven's portfolio" src="https://ravenrose73.weebly.com/" width="100%" height="600px;">
</iframe>
<hr>
<h1> Portfolio 2</h1>
<iframe name="JPGY Multimedia Education Works" src="https://jpgyago-mmaeducworks.weebly.com/" width="100%" height="600px;">
</iframe>
<hr>
<p style="text-indent: 50px; text-align: justify;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet consectetur adipiscing elit duis tristique sollicitudin nibh sit amet. Suscipit adipiscing bibendum est ultricies integer quis auctor elit. Ipsum nunc aliquet bibendum enim. Massa tempor nec feugiat nisl pretium fusce id. Massa sed elementum tempus egestas sed sed risus pretium quam. Pretium quam vulputate dignissim suspendisse in. Tincidunt praesent semper feugiat nibh sed pulvinar proin. Turpis massa sed elementum tempus egestas sed. Amet mauris commodo quis imperdiet. Faucibus turpis in eu mi. A lacus vestibulum sed arcu. Vitae et leo duis ut diam quam nulla porttitor. </p>
</div>
</div>
<div id="row1" class="row">
<div class="column3">
</div>
<footer id="footer" style="background-color: #000000;padding: 20px;">
<p style="margin-left: 65px;color:#ffffff;"> Jil's portfolios: </p>
<a href="https://jpgyago-mmaeducworks.weebly.com/" style= "margin-left:70px;color: #ffffff;"> ♦ Visit JPGY MMA Works! </a> <br>
<a href="https://ravenrose73.weebly.com/" style= "margin-left:70px;color: #ffffff;"> ♦ Visit Jil's Portfolio! </a> <br> <br>
</footer>
</body>
</html>