Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
Adobe XD to HTML Tutorial Code
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ieatwebsites.com</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<style>
nav{
/* Purple Gradient: */
background-image: linear-gradient(-180deg, #3282B4 0%, #CC33CB 100%);
width: 100%;
text-align: center;
}
nav li{
display: inline-block;
}
nav li a{
color: #fff;
text-decoration: none;
font-size: 16px;
font-family: 'Helvetica';
display: block;
padding: 30px 15px;
transition: .5s;
}
nav li a:hover {
background: #000;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment