Skip to content

Instantly share code, notes, and snippets.

@ValentynaGorbachenko

ValentynaGorbachenko/index.css

Created October 4, 2016 22:03
Show Gist options
  • Save ValentynaGorbachenko/9036d85295215d4d2f991fe2aa4dd6be to your computer and use it in GitHub Desktop.
Save ValentynaGorbachenko/9036d85295215d4d2f991fe2aa4dd6be to your computer and use it in GitHub Desktop.
Download ZIP
personalWeb created by ValentynaGorbachenko - https://repl.it/DoW8/0
Raw
index.css
body {
text-align: center;
background: #5c5c5c url("http://gorbachenko.byethost18.com/assets/background_picture.png") ;
background-size: cover;
background-position: center top left;
color: white;
font-family: helvetica;
}
p {
font-size: 22px;
}
input, textarea {
border: 0;
padding: 10px;
font-size: 18px;
display: block;
margin: 10px auto;
}
textarea{
padding: 5px;
}
input[type="submit"] {
background: red;
color: white;
}
input[type="submit"]:hover {
background: #ce0000;
}
img.avatar {
border:1px solid #5c5c5c;
border-radius: 50%;
height: 180px;
width: 180px;
margin: 40px 0px 10px 0px;
}
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Valentyna Gorbachenko</title>
<script src="index.js"></script>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<img class="avatar" src="http://gorbachenko.byethost18.com/assets/valentyna_photo_avatar1.png">
<p>Hi! I'm Valentyna, a junior web developer. Say hello!</p>
<form>
<input type="text" placeholder="Your name">
<input type="email" placeholder="Your email">
<textarea placeholder="Your message"></textarea>
<input type="submit">
</form>
</body>
</html>
Raw
index.js
Empty file
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment