Web Design

I design websites using HTML and CSS, including this webiste!
Check out the code I wrote that makes the design page on this site!



Scroll down on the code to see it all.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Design – Lee Smiley Designs</title>
<script>
function myFunction() {
var x = document.getElementById("myNav");
if (x.className === "nav") {
x.className += " responsive";
} else {
x.className = "nav";
}
}
</script>
</head>
<body>
<div class="header">
<div class="nav">
<div class="nav" id="myNav">
<div class="navitems">
<div class="logo">
<a href="index.html" style="padding:0px;"><img class="logo" src="images/Logo-37.png" onmouseover="this.src='images/Logo-39.png'" onmouseout="this.src='images/Logo-37.png'" onclick="this.src='images/Logo-39.png'"/></a>
</div>
<div style="float: right;">
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i></a>
<a href="about.html">About</a>
<a href="illustration.html">Illustration</a>
<a href="design.html" class="active">Design</a>
<a href="index.html" class="navshow">Home</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="content">
<div style="margin: 0% 17.3%;"><h1>Design</h1></div>
<div class="flex-container">

<div class="container">
<div class="thumbs"><a href="farmandredmoon.html"><img class="thumbs" src="images/design/thumbs/frmthumb2.png"></a></div>
<div class="description"><a href="farmandredmoon.html">Farm and Red Moon</a></div>
</div class="container">
<div>
<div class="thumbs"><a href="uxdesign.html"><img class="thumbs" src="images/design/thumbs/uxthumb2.png"></a></div>
<div class="description"><a href="uxdesign.html">FSU User Experience Design</a></div>
</div>
<div class="container">
<div class="thumbs"><a href="web.html"><img class="thumbs" src="images/design/thumbs/webthumb.png"></a></div>
<div class="description"><a href="web.html">Web Design</a></div>
</div>
<div class="container">
<div class="thumbs"><a href="fsudesign.html"><img class="thumbs" src="images/design/thumbs/fsudesignthumb.png"></a></div>
<div class="description"><a href="fsudesign.html">Framingham State University</a></div>
</div>
<div class="container">
<div class="thumbs"><a href="app.html"><img class="thumbs" src="images/design/thumbs/appthumb.png"></a></div>
<div class="description"><a href="app.html">Mobile App Design</a></div>
</div>
<div class="container">
<div class="thumbs"><a href="universaltheatre.html"><img class="thumbs" src="images/design/thumbs/universaltheatrethumb.png"></a></div>
<div class="description"><a href="universaltheatre.html">Universal Theatre</a></div>
</div>
</div>

</div>

<div class="footer">
<div class="footerleft">
<p>All images copyright Lee Smiley Designs</p>
</div>
<div class="footerright">
<a href="https://www.instagram.com/leesmileydesigns/" target="_blank" rel="noopener noreferrer"><img src="images/Instagram_Glyph_Black.png" width="30px"></a>
</div>
</div>

</body>
</html>

I also designed the website for Audrey Kali and David Tamés' documentary, Farm and Red Moon, which you can see here here.

< Back

All images copyright Lee Smiley Designs