2019-09-24 14:04:13 HTML

stylesheet.css

Copy Copied! Full
body{ margin:0px; } header{ position: fixed; background-color: black; height:100%; width:20%; margin-left: -8px; margin-top:-8px; } li{ margin-left:5px; list-style: none; } header h1{ color: whitesmoke; padding-top:100px; font-size:30px; text-decoration: none; text-align: center; } h3{ margin:10px 0px; } header p{ color: whitesmoke; font-size:20px; text-decoration: none; text-align: center; margin-top:10px; } header li{ color: white; } nav{ margin-top: 200px; margin-left:80px; } i{ margin-top: 10px; border: 2px solid #9e9e9e; border-radius: 30px 30px 30px 30px; padding: 10px 10px; } li{ margin-top: 5px; } .color{ color:#9e9e9e; } i:hover{ opacity: 0.7; color: #d42d83; border: 2px solid #d42d83; } header:after{ content: ""; position: absolute; width: 11px; height:21px; top: 50px; right: -11px; margin-top: -10px; } .works{ height:400px; background-color:#f8f8ff; width:cover; text-align: center; } .works h2{ margin-left:250px; } h2{ margin-top: 0px; text-align: center; } img{ background-size: 50px 50px; background-position: center; background-repeat:no-repeat; display: flex; margin-left: 450px; } .works ul{ color:black; float:right; margin-right: 300px; } .skill{ text-align: center; background-color: #f0f8ff; height: 300px; } .skill h2{ color:black; margin-left: 250px; } .graph{ position: relative; width: 500px; padding: 2px; margin-left: 600px; } .html{ border: 1px solid #207870; margin-bottom: 10px; } .html .bar{ display:block; position:relative; background:#207870; text-align: center; color: #f0ffff; height: 2em; line-height: 2em; } .PHP{ border: 1px solid #9932cc; margin-bottom: 10px; } .PHP .bar{ display:block; position:relative; background:#9932cc; text-align: center; color: #f0ffff; height: 2em; line-height: 2em; } .JQuery{ border: 1px solid #2f4f4f; margin-bottom: 10px; } .JQuery .bar{ display:block; position:relative; background:#2f4f4f; text-align: center; color: #f0ffff; height: 2em; line-height: 2em; } .Passion{ border: 1px solid #dc143c; margin-bottom: 10px; } .Passion .bar{ display:block; position:relative; background:#dc143c; text-align: center; color: #f0ffff; height: 2em; line-height: 2em; } .profile{ height:400px; background-image: url(..//img/about01.jpg); background-size:cover; background-position: center; background-repeat:no-repeat; text-align: center; margin-left: 250px; } h2{ margin-block-start: 0em; margin-block-end: 0em; margin-bottom: 30px; font-size: 40px; } .profile h2{ margin-block-start: 0em; margin-block-end: 0em; margin-bottom: 50px; font-size: 40px; color:whitesmoke; } .profile li{ font-size: 20px; border:none; color:white; text-align: center; display:block; } .contact-form{ height: 400px; background-color: #1f3134; color:white; text-align: center; margin-left:250px; } .contact-form h1{ font-size: 28px; padding-bottom: 15px; margin-top: 0px; text-align: center; } .contact-form i{ margin-right: 10px; border:none; } .fa-facebook{ font-size: 20px; } .my-violet{ color: #434da2; } .my-blue{ color:skyblue; }
stylesheet.css