Skip to content

Instantly share code, notes, and snippets.

@steven-barkley

steven-barkley/index.html

Created November 7, 2022 13:55
Show Gist options
  • Save steven-barkley/054280e009096ae6e56a0b6c62790ec0 to your computer and use it in GitHub Desktop.
Save steven-barkley/054280e009096ae6e56a0b6c62790ec0 to your computer and use it in GitHub Desktop.
Download ZIP
Practice | Links
Raw
index.html
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0">
<title>index</title>
<link rel="stylesheet" href="css/standardize.css">
<link rel="stylesheet" href="css/index-grid.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body class="body page-index clearfix">
<div class="form clearfix">
<div class="container">
<button class="_button">Click to go to: <a href="http://stevenbarkley.com" target="_blank">stevenbarkley.com</a></button>
<input class="_input" placeholder="Type here" type="text">
</div>
</div>
</body>
</html>
Raw
style.css
body {
background-color: rgb(255, 255, 255);
font: 400 1em/1.38 Helvetica;
color: rgb(0, 0, 0);
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.container {
position: relative;
float: left;
z-index: 0;
width: 113.7677921746%;
height: 212px;
margin: -27px 0 0 -7.35623%;
margin-top: 100px;
}
.form {
float: left;
width: 40.7994791666%;
height: 146px;
margin: 108px 0 0 28.83073%;
}
._button {
display: block;
position: relative;
float: left;
clear: both;
z-index: 1;
width: 100%;
height: 70px;
margin: -185px 0 0 -0.07979%;
border-radius: 5px;
background-color: rgb(222, 222, 222);
font-size: 1em;
text-align: center;
color: black;
}
._input {
display: block;
position: relative;
float: left;
clear: both;
z-index: 1;
width: 98.3%;
height: 70px;
text-align: center;
margin: -108px 0 0 -0.07979%;
padding: 0 10px 0px 0px;
border-radius: 5px;
background-color: #9acd32;
font-size: 0.813em;
color: black;
font-size: 40px;
}
a {
color: navy;
text-decoration: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment