takeAction.html

<!DOCTYPE html>
<html>
  <head>
    
    <title>Water Access for Indigenous Communities</title>
    <meta charset="utf-8" />
	  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	  <meta name="viewport" content="width=device-width, initial-scale=1" />

	  <!-- link the webpage's stylesheet -->
	  <link rel="stylesheet" href="/style.css" />

	  <!-- link the webpage's JavaScript file -->
	  <script src="/script.js" defer></script>
<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans+Inline+One&family=DynaPuff&family=Righteous&family=Rubik+Dirt&family=Work+Sans:wght@300;400;600;800&display=swap" rel="stylesheet">
  </head>

  <body>
    <main>
    <nav>
      <ul class="navbar">
      <li class="navitem"><a href="index.html">Home</a></li>
         <li class="navitem"><a href="takeAction.html">Take Action</a></li>
      <li class="navitem"><a href="aboutTheCreator.html">About the Creator</a></li>
      </ul>
    </nav>
    

<div class="box2">
    <h1 id="takeAction">TAKE ACTION</h1>
</div>
  
 </div> 
<ul class="action">
<li class="actionList">Share this website with others!</li>
<li class="actionList">Write a letter to an indigenous leader expressing concern and support</li>
<li class="actionList">Research on efficient and effective methods to filter water</li>
<li class="actionList"><a href="https://www.theindigenousfoundation.org/articles/lack-of-clean-drinking-water-in-indigenous-communities">Support this Organization!</a></li>
</ul>
     </div>

    
    
<div class="scriptQues">
  <div class="ScriptItem">
    <label class="types" for="yourName">Your name: </label>
    <input type="text" id="name">
</div>

<div class="ScriptItem">
    <label  class="types" for="yourLocation">Your district, county or city: </label>
    <input type="text" id="location">
</div>

<div class="ScriptItem">
    <label  class="types" for="yourCause">Share your learning or key takeaways from this website: </label>
    <input type="text" id="cause">
</div>
  
<button id="scriptBtn">Generate your script</button>
  
<p id="scriptReturn">
      </p>
</div>
      
        
  