Skip to content

Instantly share code, notes, and snippets.

@tdgunes tdgunes/index.html
Created May 14, 2019

Embed
What would you like to do?
TDG
<!DOCTYPE html>
<html>
<body>
<div id="header">Welcome, Prof. Dr. Taner Güneş</div>
<div id="container">
<form>
<input type="text" name="firstname">
</form>
</div>
</body>
</html>
/* Disabling default margins of the page */
/* (every browser sets some value as body margin) */
body {
margin: 0;
}
/* Changing how the text input looks like */
input[type=text] {
width: 100%; /* To make the input section as big as its parent div */
height: 30px;
background-color: rgba(1,61,126, 0.5);
color: #FFFFFF;
/* border properties */
border-radius: 20px;
border: none;
/* make the text start 10px further then the left most point in the input area */
padding-left:10px;
/* text font code */
font-family: Helvetica;
font-size: 20px;
}
#header {
color: #013D7E; /* color of the text */
background-color: rgba(136,136,137,0.5); /* background color of the rectangle */
/* text font code */
font-family: Helvetica;
font-size: 40px;
/* size code */
width: 100%;
height: 100px;
/* centering code */
display: flex;
justify-content: center;
align-items: center;
}
#container {
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.