Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="icon" type="image/png" href="wedge.png"/>
- </head>
- <style>
- body {
- background-color: #9966ff;
- }
- button {
- background-color: white;
- color: black;
- border: 2px solid #555555;
- padding: 16px 32px;
- font-family: monospace;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- margin: 4px 2px;
- -webkit-transition-duration: 0.4s; /* Safari */
- transition-duration: 0.4s;
- cursor: pointer;
- }
- button:hover {
- background-color: #555555;
- color: white;
- }
- p {
- color: black;
- font-family: monospace;
- }
- figcaption{
- font-family: monospace;
- }
- h1 {
- color: black;
- font-family: monospace;
- }
- input[type="number"] {
- display: block;
- /*margin: 0;*/
- font-family: monospace;
- font-size: 18px;
- appearance: none;
- box-shadow: none;
- border-radius: none;
- padding: 10px;
- border: none;
- border-bottom: solid 2px #c9c9c9;
- transition: border 0.3s;
- opacity: 0;
- }
- input[type="number"]:focus {
- outline: none;
- border-bottom: solid 2px #666666;
- }
- .img-circle {
- border-radius: 50%;
- }
- </style>
- <body>
- <script src="personalpage.js"></script>
- <center>
- <h1>About Me</h1>
- <p>What will it be?[TODO:CHANGE HERE]</p>
- </center>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement