- Review your current pages to determine where you can replace div elements with article, section, or aside elements, and then update those elements as appropriate. Add these elements to the CSS reset style rule.
- Your header element contains your picture. Wrap your picture within a figure element and place your mission statement or tag line within a figcaption element. Update all pages to include this change, including your template file. Add the figure and figcaption elements to the CSS reset style rule.
- Create a new page for your website. Use your template file to create the new page. Add the current date to the comment near the top of the page, and update the file name and the text within the title element.
- Add content to your new page. Use your CSS file to style your new elements and/or create and style class attributes to style the new element content.
- Integrate and use the CSS grid layout within your website.
- Use at least one text shadow or one box shadow within your website.
- Validate your HTML and CSS files and correct any errors
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
if someone could code and fix these i could possibility fix the other two pages
index.html
My Portfolio
My mission is to fix one device at a time.
- Home
- About
- Tutorials
- Contact Me
Hello, my name is David and if you're here you obviously share a passion for Electronic repairs.
with 10 years experience working for IFIXIT and in the repair industry for over 15 years.
FREE One-Week Trial Membership!
Call Us Today to Get Started
(814) 555-9608
My Hours:
- Mon-Thu: 6:00am-6:00pm
- Friday: 6:00am-4:00pm
- Saturday: 8:00am-6:00pm
- Sunday: Closed
© Copyright 2021. All Rights Reserved.
[email protected]
----------------------------------------------------------------------------------------------------------------------------------------------------------------------
styles.css
/* Author: David Bussey Date: 09/19/21 file Name: styles.css */
/* Css Reset */
body, header, nav, main, footer, h1, div, img, ul {
margin : 0;
padding : 0;
border : 0;
}
/* Style rules for body and images */
body {
background-color : #000;
}
img {
max-width : 100%;
display : block;
}
/* style rules for mobile Viewpoint */
/* Style rule for header */
header {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #000;
height: 190px;
}
header img {
margin: 0 auto;
}
/* Style for rules for navigation area */
nav {
padding: 1%;
margin-bottom: 1%;
}
nav ul {
list-style-type : none;
text-align : center;
}
nav li {
font-size: 1.5em;
font-family: 'Francois One', sans-serif;
border-top: 1px solid #fff;
}
nav li:first-child {
border-top: none;
}
nav li a {
display: block;
color: #fff;
padding: 0.5cm 1em;
text-decoration : none;
}
/* Show mobile class, hide tablet-desktop class */
.mobile {
display: block;
}
.tablet-desktop {
display: none;
}
/* Style rules for main content */
main {
background-color : #fff;
padding : 2%;
font-size : 1.15em;
font-family: 'Roboto Slab', serif;
}
.tel-link {
background-color: #404040;
padding: 2%;
margin: 0 auto;
width: 80%;
text-align: center;
border-radius: 5px;
}
.tel-link a {
color: #fff;
text-decoration: none;
font-size: 1.5em;
display: block;
}
.hours {
margin-left: 10%;
}
.action {
font-size : 1.35em;
color : #666600;
font-weight : bold;
}
#android, #ios, #windows {
margin: 0 2%;
}
.round {
border-radius: 8px;
}
#operating systems {
clear : left;
background-color : #f2f2f2;
padding : 1% 2%;
}
#operating systems dt {
font-weight: bold;
}
#operating system dd {
padding : 0.5% 1% 2% 0;
}
.tel-num {
font-size: 1.25em;
}
#contact {
text-align : center;
}
#contact .contact-email-link {
color : #666600;
text-decoration : none;
}
.map {
border: 2px solid #000;
width: 95%;
height: 50%;
}
/* Style rules for footer content */
footer p {
font-size : 0.75em;
text-align : center;
color : #fff;
}
footer p a {
color : #fff;
text-decoration : none;
}
/* Media Query for Tablet Viewport */
@media screen and (min-width: 630px) {
}
/* Tablet Viewport: Show tablet-desktop class, hide mobile class */
.tablet-desktop {
display: block;
}
.mobile {
display: none;
}
/* Tablet Viewport: Style rule for header */
header {
padding-bottom: 2%
}
/* Tablet Viewport: Style rules for nav area */
nav li {
border-top: none;
display: inline-block;
border-right: 1px solid #fff;
}
nav li:last-child {
border-right: none;
}
nav li a {
padding: 0.1em 0.75em;
}
nav li a:hover {
color: #000;
background-color: #fff;
}
/* Tablet Viewport: Style rules for main content area */
main ul {
margin: 0 0 4% 10%;
}
------------------------------------------------------------------------------------------------
contact.html
My Portfolio
Home
About
Tools
Contact Me
Contact Us
Ready to get started? contact us today.
(727) 847-2727
(727) 847-2727
Visit Us at: 10230 Ridge Road, New Port Richey, Fl 34668
© Copyright 2021. All Rights Reserved.
[email protected]
-------------------------------------------------------------------
template.html
My Portfolio
Home
About
Tools
Contact Me
Welcome to my Portfolio, My mission is to fix one device at a time.
Hello, My name is David and if your here you obviously share a passion for Electronic repairs.with 10 years experience working for IFIXIT and in the rapair industry for over 15 years.
© Copyright 2021. All Rights Reserved.
[email protected]