Closed Rushikesh1163 closed 2 months ago
HTML <!DOCTYPE html>
Hello! I am a web developer with a passion for creating beautiful and functional websites. I have experience in HTML, CSS, JavaScript, and more.
A description of the project.
You can reach me at: badboy@gmail.com
CSS
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; }
.container { width: 80%; margin: auto; overflow: hidden; }
header { background: #333; color: #fff; padding-top: 30px; min-height: 70px; border-bottom: #77aaff 3px solid; }
header a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 16px; }
header ul { padding: 0; list-style: none; }
header li { float: left; display: inline; padding: 0 20px 0 20px; }
header #branding { float: left; }
header #branding h1 { margin: 0; }
header nav { float: right; margin-top: 10px; }
header .highlight, header .current a { color: #77aaff; font-weight: bold; }
header a:hover { color: #77aaff; font-weight: bold; }
min-height: 400px; background: url('showcase.jpg') no-repeat 0 -400px; text-align: center; color: #fff;
}
margin-top: 100px; font-size: 55px; margin-bottom: 10px;
font-size: 20px;
padding: 20px 0;
text-align: center; margin-bottom: 20px; color: #333;
margin: 20px auto; text-align: center; max-width: 600px;
list-style-type: none; padding: 0;
background: #77aaff; color: #fff; margin: 5px 0; padding: 10px;
.project { background: #fff; padding: 10px; margin: 20px 0; border: 1px solid #ddd; }
footer { text-align: center; padding: 10px 0; background: #333; color: #fff; }
HTML <!DOCTYPE html>
My Portfolio
About Me
Hello! I am a web developer with a passion for creating beautiful and functional websites. I have experience in HTML, CSS, JavaScript, and more.
Skills
Projects
Project One
A description of the project.
Project Two
A description of the project.
Project Three
A description of the project.
Contact
You can reach me at: badboy@gmail.com
CSS
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; }
.container { width: 80%; margin: auto; overflow: hidden; }
header { background: #333; color: #fff; padding-top: 30px; min-height: 70px; border-bottom: #77aaff 3px solid; }
header a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 16px; }
header ul { padding: 0; list-style: none; }
header li { float: left; display: inline; padding: 0 20px 0 20px; }
header #branding { float: left; }
header #branding h1 { margin: 0; }
header nav { float: right; margin-top: 10px; }
header .highlight, header .current a { color: #77aaff; font-weight: bold; }
header a:hover { color: #77aaff; font-weight: bold; }
showcase {
}
showcase h1 {
}
showcase p {
}
about, #skills, #projects, #contact {
}
about h2, #skills h2, #projects h2, #contact h2 {
}
about p, #skills ul, #projects .project, #contact p {
}
skills ul {
}
skills li {
}
.project { background: #fff; padding: 10px; margin: 20px 0; border: 1px solid #ddd; }
footer { text-align: center; padding: 10px 0; background: #333; color: #fff; }