<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html prefix="og: http://ogp.me/ns#" lang="en" style="height: 100%">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=5" />
<title>femNOVA</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bungee:400">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700">
<link rel="stylesheet" href="index.css">
<script src="index.js"></script>
<style>
div#navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #fff;
}
div#navbar li {
float: left;
}
div#navbar li a {
display: block;
color: purple;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
div#navbar li a:hover {
background-color: grey;
}
</style>
</head>
<body class="websiteBody">
<div class="Page-outer">
<div
id="Page"
data-name="Artboards"
class="Page">
<div class="Frame-outer">
<div
id="Frame"
data-name="Desktop - 1"
class="Frame"
>
<div class="femNOVA-outer">
<div
id="femNOVA"
data-name="femNOVA"
class="femNOVA"
>
<span class="femNOVA-1">fem</span><span class="femNOVA-2">NOVA</span> </div>
<div id="navbar">
<ul>
<li><a class="active" href="index.html" style="color:pink; font-family: Open sans"><b><big>Home</big></b></a></li>
<li><a href="game.html" style="color:purple; font-family: Open sans"><b><big>Game</big></b></a></li>
<li><a href="learn.html" style="color:purple; font-family: Open sans"><b><big>Learn</big></b></a></li>
<li><a href="connect.html" style="color:purple; font-family: Open sans"><b><big>Connect</big></b></a></li>
</ul>
</div>
</div>
<!--div class="Group-5-outer">
<div
id="Group-5"
data-name="Group 5"
class="Group-5"
>
<div class="Rectangle-2-outer">
<div
id="Rectangle-2"
data-name="Rectangle 2"
alt="Rectangle 2"
class="Rectangle-2"
>
</div>
</div>
<div class="Log-In-outer">
<div
id="Log-In"
data-name="Log In"
class="Log-In"
><div key="0">Log In</div>
</div>
</div>
</div>
</div>
<div class="Group-1-outer">
<div
id="Group-1"
data-name="Group 1"
class="Group-1"
>
<div class="Rectangle-2-1-outer">
<div
id="Rectangle-2-1"
data-name="Rectangle 2"
alt="Rectangle 2"
class="Rectangle-2-1"
>
</div>
</div>
<div class="Home-outer">
<div
id="Home"
data-name="Home"
class="Home"
><div key="0"><a href="/index.html" style="color:pink;">Home</a></div>
</div>
</div>
</div>
</div>
<div class="Group-2-outer">
<div
id="Group-2"
data-name="Group 2"
class="Group-2"
>
<div class="Game-outer">
<div
id="Game"
data-name="Game"
class="Game"
><div key="0"><a href="/game.html" style="color:purple;"><b>Game</b></a></div>
</div>
</div>
</div>
</div>
<div class="Group-4-outer">
<div
id="Group-4"
data-name="Group 4"
class="Group-4"
>
<div class="Learn-outer">
<div
id="Learn"
data-name="Learn"
class="Learn"
><div key="0"><a href="/learn.html" style="color:purple;"><b>Learn</b></a></div>
</div>
</div>
</div>
</div>
<div class="Connect-outer">
<div
id="Connect"
data-name="Connect"
class="Connect"
><div key="0"><a href="/connect.html" style="color:purple;"><b>Connect</b></a></div>
</div>
</div-->
<div class="Line-1-outer">
<div
id="Line-1"
data-name="Line 1"
alt="Line 1"
class="Line-1"
>
</div>
</div>
<div class="What-is-femNOVA--outer">
<div
id="What-is-femNOVA-"
data-name="What is femNOVA?"
class="What-is-femNOVA-"
><div key="0">What is femNOVA?</div>
</div>
</div>
<div class="Rectangle-3-outer">
<div
id="Rectangle-3"
data-name="Rectangle 3"
alt="Rectangle 3"
class="Rectangle-3"
>
</div>
</div>
<div class="Rectangle-4-outer">
<div
id="Rectangle-4"
data-name="Rectangle 4"
alt="Rectangle 4"
class="Rectangle-4"
>
<p style="margin-left:auto; margin-right:auto; padding:10px; font-size:20px; margin-top: 40px; font-family: Open sans"><big>Inventions by women have quite often been written off history. <font color="purple">femNOVA</font> is a place where these forgotten achievements are revived in a fun and electric way. It’s also a place to connect with and celebrate women in science, innovation & tech.</big></p>
<p style="margin-left:auto; margin-right:auto; padding:10px; font-size:20px; margin-top:5px; font-family: Open sans"><big><font color="purple">femNOVA</font> lets you <font color="blue">CONNECT</font> with a very Supporting Community, <font color="blue">PLAY</font> to know about Innovators' History & <font color="blue">LEARN</font> through engaging with Augmented Reality.</big></p>
</div>
</div>
<div class="graphic-outer">
<div
id="graphic"
data-name="graphic"
class="graphic"
>
<div key="0"><img src="femNOVA.png" width="500px" /></div>
</div>
</div>
<div class="Features-outer">
<div
id="Features"
data-name="Features"
class="Features"
><div key="0">Features</div>
</div>
</div>
<div class="Rectangle-7-outer">
<div
id="Rectangle-7"
data-name="Rectangle 7"
alt="Rectangle 7"
class="Rectangle-7"
>
</div>
</div>
<div class="Rectangle-6-outer">
<img
id="Rectangle-6"
data-name="Rectangle 6"
alt="Rectangle 6"
class="Rectangle-6"
>
</div>
<div class="Rectangle-5-outer">
<div
id="Rectangle-5"
data-name="Rectangle 5"
alt="Rectangle 5"
class="Rectangle-5"
>
</div>
</div>
<div class="Learn-through-AR-fla-outer">
<div
id="Learn-through-AR-fla"
data-name="Learn through AR flashcards"
class="Learn-through-AR-fla"
><div key="0">Learn through</div>
<div key="1"> AR flashcards</div>
</div>
</div>
<div class="Test-your-knowledge--outer">
<div
id="Test-your-knowledge-"
data-name="Test your knowledge with a platformer game"
class="Test-your-knowledge-"
><div key="0">Test your</div>
<div key="1">knowledge with a </div>
<div key="2">platformer game</div>
</div>
</div>
<div class="Connect-to-a-communi-outer">
<div
id="Connect-to-a-communi"
data-name="Connect to a community of innovators"
class="Connect-to-a-communi"
><div key="0">Connect to a </div>
<div key="1">community of </div>
<div key="2">innovators</div>
</div>
</div>
<div class="Inspiration-outer">
<div
id="Inspiration"
data-name="Inspiration"
class="Inspiration"
><div key="0">Inspiration</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>