yashigupta4623/week-2-starter-kit.html

## week-2-starter-kit.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>SheCodes</title>
    <style>
      body {
        font-family: Cerebri Sans, Helvetica, Arial, sans-serif;
      }
      section {
        margin: 120px 0;
      }
      h1,
      h2 {
        font-weight: 900;
        font-size: 34px;
        line-height: 48px;
        margin: 0;
      }
      h1 {
        color: #272044;
        text-align: center;
      }
      h2 {
        text-align: center;
        color: #885df1;
        padding: 0 0 24px;
      }
      p {
        font-size: 18px;
        line-height: 28px;
        font-family: PT Mono, monospace;
        text-align: center;
      }
      button {
        border-radius: 25px;
        margin: 0 auto;
        display: block;
        background-color: #fff;
        border: 1px solid #885df1;
        color: #885df1;
        font-size: 16px;
        line-height: 22px;
        padding: 16px 24px;
        text-decoration: none;
        transition: all 200ms ease;
      }
      button:hover {
        color: #fff;
        background: #885df1;
      }
    </style>
  </head>

  <body>
    <section>
      <h1>👩‍💻 She Codes is a Coding Workshop for Women</h1>
      <h2>Access a new career in Technology</h2>
      <p>
        She Codes teaches coding, design and management skills to women
        <br />
        <strong> Limited amount of spots! </strong>
      </p>
      <br />
      <button>Apply Now</button>
    </section>
<!--<script>
        let hometown = prompt("What is your Homwtown?");
        let firstName = prompt("What is your first name?");
        let lastName = prompt("What is your last name?");
        alert(firstName+ " " + lastName)
    </script> -->
<!--     <script>
        let age = prompt("What is your Age?");
        if (age>=18){
          alert("You can apply to SheCodes");
}
        if(age<18){
        alert("You cannot apply");
        }
     <script>
        let age = prompt("What is your Age?");
        if (age>=18){
          alert("You can apply to SheCodes");
        }
      <!--  else{
        alert("You cannot apply");
        }
    </script>
    </script> -->
<!--     <script>
        let hours = prompt("What is the current hours?");
        if (hours<12){
          alert("Good Morning!");
        }
        if(hours>=12 || hours<=18){
          alert("Good Afternoon!");
        }
        else{
        alert("Good Evening!");
        }
    </script> -->
<!--     <script>
        let co = prompt("What country are you from?").toLowerCase();

        if (co== "brazil" || co=="portugal"){
          alert("You speak Portuguese");
        }
        else{
        alert("You don't speak Portuguese");
        }
    </script>  -->
    <script>
      function contactUser(){
      let name = prompt("what is your name?");
      let age = prompt("what is your age?");

      let h1 = document.querySelector("h1");
      if (age>=18){
        h1.innerHTML = "Hi, "+ name +"! Welcome to SheCodes !" ;
      }
      else{
        h1.innerHTML = "Sorry, "+ name +"! You cannot join SheCodes";
      }
      }
      let button = document.querySelector("button");
      button.addEventListener("click",contactUser);
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>SheCodes</title>
	<style>
	body {
	font-family: Cerebri Sans, Helvetica, Arial, sans-serif;
	}
	section {
	margin: 120px 0;
	}
	h1,
	h2 {
	font-weight: 900;
	font-size: 34px;
	line-height: 48px;
	margin: 0;
	}
	h1 {
	color: #272044;
	text-align: center;
	}
	h2 {
	text-align: center;
	color: #885df1;
	padding: 0 0 24px;
	}
	p {
	font-size: 18px;
	line-height: 28px;
	font-family: PT Mono, monospace;
	text-align: center;
	}
	button {
	border-radius: 25px;
	margin: 0 auto;
	display: block;
	background-color: #fff;
	border: 1px solid #885df1;
	color: #885df1;
	font-size: 16px;
	line-height: 22px;
	padding: 16px 24px;
	text-decoration: none;
	transition: all 200ms ease;
	}
	button:hover {
	color: #fff;
	background: #885df1;
	}
	</style>
	</head>

	<body>
	<section>
	<h1>👩‍💻 She Codes is a Coding Workshop for Women</h1>
	<h2>Access a new career in Technology</h2>
	<p>
	She Codes teaches coding, design and management skills to women
	<br />
	<strong> Limited amount of spots! </strong>
	</p>
	<br />
	<button>Apply Now</button>
	</section>
	<!--<script>
	let hometown = prompt("What is your Homwtown?");
	let firstName = prompt("What is your first name?");
	let lastName = prompt("What is your last name?");
	alert(firstName+ " " + lastName)
	</script> -->
	<!-- <script>
	let age = prompt("What is your Age?");
	if (age>=18){
	alert("You can apply to SheCodes");
	}
	if(age<18){
	alert("You cannot apply");
	}
	<script>
	let age = prompt("What is your Age?");
	if (age>=18){
	alert("You can apply to SheCodes");
	}
	<!-- else{
	alert("You cannot apply");
	}
	</script>
	</script> -->
	<!-- <script>
	let hours = prompt("What is the current hours?");
	if (hours<12){
	alert("Good Morning!");
	}
	if(hours>=12 \|\| hours<=18){
	alert("Good Afternoon!");
	}
	else{
	alert("Good Evening!");
	}
	</script> -->
	<!-- <script>
	let co = prompt("What country are you from?").toLowerCase();

	if (co== "brazil" \|\| co=="portugal"){
	alert("You speak Portuguese");
	}
	else{
	alert("You don't speak Portuguese");
	}
	</script> -->
	<script>
	function contactUser(){
	let name = prompt("what is your name?");
	let age = prompt("what is your age?");

	let h1 = document.querySelector("h1");
	if (age>=18){
	h1.innerHTML = "Hi, "+ name +"! Welcome to SheCodes !" ;
	}
	else{
	h1.innerHTML = "Sorry, "+ name +"! You cannot join SheCodes";
	}
	}
	let button = document.querySelector("button");
	button.addEventListener("click",contactUser);
	</script>
	</body>
	</html>