You are on page 1of 11

<!

DOCTYPE html>

<html lang="en-US" style="height:


100%">

<head>

<title>My own Web-Page</title>

<meta charset="UTF-8">

<meta name="viewport"
content="width=device-width, initial-
scale=1">

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/li
bs/font-awesome/4.6.3/css/font-
awesome.min.css">

<!-- style -->

<style>

*{

box-sizing: border-box;

body {

margin: 0;

font-family: Arial,
Helvetica, sans-serif;
background-color: black

.header {

overflow: hidden;

.header a {

float: left;

color: white;

text-align: center;

padding: 20px;

text-decoration: none;

font-size: 20px;

line-height: 40px;

border-radius: 4px;

.header a:hover {

background-color: #ddd;

color: black;

}
.header-right {

float: right;

padding-right: 5px;

h1 {

color: #4d357c;

font-size: 40px;

text-align: center;

margin: 3em;

.column {

width: 50%;

float: left;

height: 400px;

.row:after {

content: "";

display: table;

clear: both;

}
.padding {

padding: 30px;

color: white;

.center {

text-align: center;

.center h1 {

color: white;

font-size: 40px;

.center .column {

width: 33.3333%;

float: left;

height: 400px;

.center .row:after {

content: "";
display: table;

clear: both;

.hover {

margin: 5px;

box-shadow: 0px 0px 5px


3px rgba(120, 120, 120, 0.29);

padding-top: 10px;

height: 300px;

.hover:hover {

transition: .2s;

box-shadow: 6px 5px


20px 7px rgba(135, 112, 112, 0.2), -2px -
1px 20px 0 rgba(166, 164, 164, 0.19);

.foot {

background-color:
#343a40;

height: 300px;

}
.foot a {

color: white;

.foot p {

color: white;

.cool {

padding: 100px;

text-align: center;

</style>

</head>

<body>

<div class="header">

<a href="#default"> <img


src="https://www.ethaum.com/assets/img
/logo/Transparent-Background2.png"
style="height: 30px;"> </a>

<div class="header-
right"> <a href="#home">Home</a> <a
href="#contact">Contact</a> <a
href="#about">About</a> </div>

</div>

<div class="row">

<div class="column"
style="background-color:#eff2f7;">

<h1>Bringing
Adoption for Deep Tech</h1> </div>

<div class="column"
style="background-color:#eff2f7;">
<img
src="https://www.ethaum.com/assets/img
/banner.jpg" height="400px"
width="100%"> </div>

</div>

<div class="padding">

<h2 style="font-
size:40px">About Us</h2>

<p style="font-
size:20px">EthAum Venture Partners is
an Incubator and Accelerator for the
Deep Tech Startups. We enable growth
of the Deep Tech startups by bringing
Investment, Enterprise Relationships and
mentors. EthAum loves revolutionary
entrepreneurs and their break through
creative ideas in the fields of Blockchain,
Artificial Intelligence, Machine
Learning, IoT, Robotics, Extended
Reality (AR & VR) etc.</p>

<p style="font-
size:20px"> What sets us apart is that we
are highly result-oriented startups growth
ecosystem. Being a virtual accelerator
enables us to be truly agile, cost-efficient
and global. </p>

</div>

<div class="center">

<h1> What is EthAum


Venture Partners? </h1>

<div class="row">

<div
class="column">

<div
class="hover">

<center> <img
src="https://www.ethaum.com/assets/img
/Asset 15.png"> </center>

<h3>Startup Accelerator</h3>

<p
style="color:white"> Fund Raising

<br>
<br> Pitch Improvement

<br> </p>

</div>

</div>

<div
class="column">

<div
class="hover">

<center> <img
src="https://www.ethaum.com/assets/img
/Accelerator program.png"> </center>

<h3>No equity required</h3>

<p
style="color:white"> Entry in new
Markets

<br>

<br> Expedite Innovation

<br> </p>

</div>

</div>

<div
class="column">

<div
class="hover">

<center> <img
src="https://www.ethaum.com/assets/img
/Asset 14.png"> </center>

<h3>Stage agnostic</h3>

<p
style="color:white"> Our support is for
Deep Tech companies of all stages. We
aim to provide you clients, development
partners, and investors. </p>

</div>

</div>

</div>

</div>

<div class="foot">

<div class="cool">

<footer class="w3-
container w3-padding-64 w3-center w3-
black w3-xlarge"> <a href="#"><i
class="fa fa-facebook-official"></i></a>
<a href="#"><i class="fa fa-pinterest-
p"></i></a> <a href="#"><i class="fa fa-
twitter"></i></a> <a href="#"><i
class="fa fa-flickr"></i></a> <a
href="#"><i class="fa fa-
linkedin"></i></a>

<p> Made
by Shinoy Sharma </p>

</footer>

</div>

</div>

</body>

</html>

You might also like