<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Eva Scoops</title>
<link rel = "stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/97c85596da.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Unica+One&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html" style="font-size: xx-large;"><img src="Images/Logo.png" style="width: 70px; margin: 0"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="Products.html">Products</a>
</li>
<li class="nav-item dropdown">
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="Products.html">Products</a>
</div>
</li>
</ul>
</div>
</nav>
<div id="demo" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<img id="img-1" src="Images/EvaAndProductCropped.png" alt="EvaAndProduct">
</div>
<div class="carousel-item">
<img id="img-2" src="Images/EvaProuctAndStampCropped.png" alt="Eva and stamp">
</div>
</div>
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
<div class="section_Container">
<div class="wrapper"><img src="Images/EvaLaughWhileScoopCropped.png" class="hero_img"></div>
<div class="text-wrapper">
<h1 style="font-family: Unica One;">About Us</h1>
<p>
Our friend Eva stopped attending indoor community or volunteering activities during COVID.
Weve always discussed a range of business opportunities with Eva, but she hasnt seemed too interested in them.
Until chocolate was mentioned.
Eva has Rett Syndrome, so she mostly uses her eyes to communicate and needs a bit of help perfecting movements.
Shes really enjoying getting her business up and running. For most decisions, support staff discuss options with Eva and she uses her yes/no cards to make the final decisions.
Eva plans to donate her profits to a charity of her choice, yet to be decided. Thanks for supporting us.
<br><div></p></div></div>
</div>
<div class="footer">
<div class="innerFooter">
<div class="logoContainer" style="text-align:center;">
<h3 style="font-family: Unica One; font-size:32px;">Eva Scoops</h3>
<img src="Images/LogoInverted.png" style="width:200px">
</div>
<div class="footerThird">
<h1 style="font-family: Unica One; font-size:32px;">Quick Links</h1>
<a href="index.html" style="font-size: 23px;">Home</a>
<a href="Products.html" style="font-size: 23px;">Products</a>
</div>
<div class="footerThird">
</div>
<div class="footerThird">
<h1 style="font-family: Unica One; font-size: 32px;">Get in touch</h1>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>