tdgunes/index.html

## index.html
<!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>

## style.css
/* 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;
}

## tdg.markdown

      
    Raw
  

              tdg.markdown
            
          
    TDG

A Pen by Taha Dogan Gunes on CodePen.
License.
	<!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;
	}