<h1>Lorem ipsum dolor sit amet</h1>
Font size is larger in the web layout than the resulting image(instructions).
31 Matching Annotations
- Nov 2022
-
github.com github.com
-
-
<main>
There is improper formatting in some places.
-
<div class="wrapper"> <div class="info"> <h4>Latest News</h4> <h4>October 1:</h4> <p>Maecenas ornare.</p> <h4>September 15th:</h4> <p>Etiam eget ligula vitae sapien.</p> <h4>September 10th:</h4> <p>Nam id mi dapibus, condimentum.</p> </div> <div class="info about"> <h4>About Us</h4> <p>Quisque eget turpis a odio tristique feugiat. Vivamus placerat fermentum velit ac posuere. Cras sollicitudin ex nec neque malesuada, id facilisis nibh cursus. Phasellus euismod justo sed neque pretium finibus. Mauris dapibus, leo quis venenatis fringilla, erat quam mollis tortor, quis sodales quam nibh quis turpis.</p> <button class="button">Get in touch</button> </div> <div class="info"> <h4>Follow us</h4> <p>Facebook</p> <p>Instagram</p> <p>Youtube</p> </div> </div>
This needs to be included in the footer instead of the section.
-
<p>Facebook</p> <p>Instagram</p> <p>Youtube</p>
can use hyperlinks in these .
-
<img class="logo-img" src="images/dgl-logo.png" alt="DGL logo" width="80">
Suggestion: I think you could have added a link to the image.
-
<!DOCTYPE html>
The web layout is not the same as the resulting image.
-
<li>Portafolio</li>
Small spelling error
-
-
github.com github.com
-
width="500px"
inappropriate value for width attribute
-
/images/distance-and-inclass-students.png
image not workingg
-
<img src="" alt="">
empty link
-
<img src="" alt="">
must not be empty... consider using div
-
<section> <div class="container copyright"> <small>Copyright © 2022. All rights reserved North Island College DIGITAL Design + Development</small> </div> </section>
section must contain heading element...
-
width="100px"
bad value for attribute
-
<img src="/images/dgl-logo.png"
broken image link
-
<a href="">
could use index.html as link
-
- Oct 2022
-
github.com github.com
-
<p>Lets tackle the navigation.</p>
can use h3 instead of p. that will be more hierarchical.
-
-
github.com github.com
-
margin: 0 0 0 150px;
could reduce the code by typing margin: 0px 150px;
-
-
github.com github.com
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="logo"><a href="index.html"><img src="images/iconlogo.jpg" alt="Icon Logo" width="58"></a> </div> <nav> <ul> <li><a href="home.html">Home</a></li> <li><a href="services.html">Services</a></li> <li><a href="about.html">About Us</a></li> <li><a href="testimonials.html">Testimonials</a></li> </ul> </nav> <main> <div class="homepage"> <img src="images/iconlogo.jpg" alt="Team's photo" width="550"> <h1>Owner's Name</h1> <p>Information about the company such as history, biography etc...</p> </div> <article> <h2>Our team</h2> <div class="team"> <img src="images/iconlogo.jpg" alt="Team member 1" width="350"> <h3>Team member 1</h3> </div> <div class="member2"> <h4>Team member 2</h4> <img src="images/iconlogo.jpg" alt="Team member 2" width="350"> </div> </article> <hr> <div class="container"> <a class="button" href="contact.html"><b>Book an appointment</b></a> <hr> </div> </main> <footer> <p> @ Copyright 2022</p> </footer> </body> </html>
Line spacing is too much in most areas.
-
<!DOCTYPE html>
The font size of the text looks very small in the web browser.
-
<div class="logo"><a href="index.html"><img src="images/iconlogo.jpg" alt="Icon Logo" width="58"></a> </div> <nav> <ul> <li><a href="home.html">Home</a></li> <li><a href="services.html">Services</a></li> <li><a href="about.html">About Us</a></li> <li><a href="testimonials.html">Testimonials</a></li> </ul> </nav> <main> <div class="homepage"> <img src="images/iconlogo.jpg" alt="Team's photo" width="550"> <h1>Owner's Name</h1> <p>Information about the company such as history, biography etc...</p> </div> <article> <h2>Our team</h2> <div class="team"> <img src="images/iconlogo.jpg" alt="Team member 1" width="350"> <h3>Team member 1</h3> </div> <div class="member2"> <h4>Team member 2</h4> <img src="images/iconlogo.jpg" alt="Team member 2" width="350"> </div> </article> <hr> <div class="container"> <a class="button" href="contact.html"><b>Book an appointment</b></a> <hr> </div>
Excess use of div element in places where it could be replaced by other semantic elements.
-
<h4>Team member 2</h4>
Heading hierarchy is not appropriate.
-
-
github.com github.com
-
.card-four h4{ font-size:2.5rem; line-height: 120%; color:#2c2c2c; padding: 30px; margin-top: 0%; font-family: 'Inter', sans-serif; }
line spacing is not correct
-
-
github.com github.com
-
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
too much break line...
-
SILKTICKY<
spelling...
-
-
github.com github.com
-
<body>
main tag should be used as per instructions.
-
-
github.com github.com
-
<head>
Comment not added as per instructions...
-
- Sep 2022
-
github.com github.com
-
<html lang="en">
not arranged properly.
-
<!DOCTYPE html>
p tag is not used. Few inline tags are used.
-
-
github.com github.com
-
Document
The title was instructed to be different than 'Document'.
-
<p>This is *anmoldeep* speaking.</p>
This could be in next line which would make the code attractive.
-
beatifull
The spelling is not correct.
-