<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Linking Videos </title>
<link rel="stylesheet" href="Exercise 011 iFrame video 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>
<div id="row1" class="row">
<div class="column1">
</div>
<div id="row1" class="row">
<div class="column2">
<h1 id="home"> HOME </h1> <h3> I wanna share some videos! ☺ </h3>
<hr>
<h1> Some artistic inspiration </h1>
<p> This video will autoplay but is muted </p>
<iframe width="420" height="315"
src="https://www.youtube.com/embed/2Grdpu7zbwM?autoplay=1&mute=1">
</iframe>
<hr>
<h1> What I play when there is nothing to do ☺ </h1>
<p> This video is looped </p>
<iframe width="420" height="315"
src="https://www.youtube.com/embed/zk6w6vZbEVQ?playlist=zk6w6vZbEVQ&loop=1">
</iframe>
<hr>
<h1> My music when I need to chill </h1>
<p> This video does not display controls </p>
<iframe width="420" height="315"
src="https://www.youtube.com/embed/Y1torQN5PWY?controls=0">
</iframe>
</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;"> Also check out 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> Linking Videos </title>
<link rel="stylesheet" href="Exercise 011 iFrame video 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>
<div id="row1" class="row">
<div class="column1">
</div>
<div id="row1" class="row">
<div class="column2">
<h1 id="home"> HOME </h1> <h3> I wanna share some videos! ☺ </h3>
<hr>
<h1> Some artistic inspiration </h1>
<p> This video will autoplay but is muted </p>
<iframe width="420" height="315"
src="https://www.youtube.com/embed/2Grdpu7zbwM?autoplay=1&mute=1">
</iframe>
<hr>
<h1> What I play when there is nothing to do ☺ </h1>
<p> This video is looped </p>
<iframe width="420" height="315"
src="https://www.youtube.com/embed/zk6w6vZbEVQ?playlist=zk6w6vZbEVQ&loop=1">
</iframe>
<hr>
<h1> My music when I need to chill </h1>
<p> This video does not display controls </p>
<iframe width="420" height="315"
src="https://www.youtube.com/embed/Y1torQN5PWY?controls=0">
</iframe>
</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;"> Also check out 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>