-
-
Save yashigupta4623/b95851d9a0eed7461e9bb9759c516210 to your computer and use it in GitHub Desktop.
UpdatedByYashiGupta
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
hello Matt!
I am following your courses along with your Guidelines. Thank you so much!