friends.html


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ingrid Donaire </title>
    <link href='http://fonts.googleapis.com/css?family=Poiret+One|Nunito:700|Pacifico|Anton|Dancing+Script:700|Fredoka+One|Playball|Fugaz+One|Marck+Script|Crafty+Girls|Petit+Formal+Script|Mystery+Quest|Monofett|Ribeye+Marrow|Faster+One' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
    
    
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>FRIENDS #AMIGOS</h1>
        <h2>Last Project</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="family.html">Family</a></li>
          <li><a href="friends.html" class="selected">Friends</a></li>
          <li><a href="church.html">Church</a></li>
        </ul>
      </nav>
      
     <section id="popup" class="present">
      <p>Click the button to demonstrate the prompt box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var person = prompt("Please enter your name", "");
    
    if (person != null) {
        document.getElementById("demo").innerHTML =
        "Hello " + person + "! How is your precentation going?";
    }
}
</script>

<p style="color:black" id="ellos" class="ellos">NAME OF SOME OF MY FRIENDS:</p>
 <ul style="color:blue">
  <li>BECKY</li>
<li>ANA</li>
<li>MILEYDA</li>
<li>LAISHA</li>
<li>ABBY</li>
<li>EMERSON</li>
<li>ROBERT</li>
<li>MARCELO</li>
<li>STEVEN</li>
<li>JOSE</li>
<li>WILLIAN</li>
<li>CRISTIAN</li>
</ul>
<iframe width="560" height="315" src="https://www.youtube.com/embed/_oirN60LoEI" frameborder="0" allowfullscreen></iframe>
       
       </section> 


     </header> 


    </body>
  </html>
    