11 Matching Annotations
- Nov 2022
-
github.com github.com
-
.card-1 img{ width: 500px; float: right; text-align: center; margin-right: 100px; object-fit: cover;
I like his naming of class and css file is pretty good documented
-
-
github.com github.com
-
<!DOCTYPE html>
use different font style instead of using same
-
-
github.com github.com
-
<br>
This tag is used very often.
-
<br><br>
format is not correct
-
- Oct 2022
-
github.com github.com
-
.card-one { background-color: hsl(0, 0%, 100%); width: 500px; margin: 50px; padding: 30px; border-radius: 5px; border-top: 3px solid ; border-top-color: hsl(180, 62%, 55%) ; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
card one seems to be good and look like prepared by following all steps.
-
.card-four { width: 500px; height: 500px; margin: 50px; padding: 30px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; background-image: url(images/FOUR.jpg); background-size: cover; background-repeat: no-repeat; } .card-four p{ color: black; }
card four needs little bit document formatting.
-
-
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>Contact to Hairpins Boutique Salon</title> <link rel="stylesheet" href="style.css"> <link rel="icon" type="image/x-icon" href="images/favicon.ico"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@1,300&family=Lobster&display=swap" rel="stylesheet"> <style> div { background-color: black; } </style> </head> <body class="content"> <header> <a href="index.html"><img src="images/hairpins-salon-logo.png" alt="hairpins Logo" width="300"></a> <nav id="important"> <ul> <li><a href="index.html">Home</a></li> <li><a href="services.html">Services</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </nav> </header> <main> <h1>Welcome to Hairpins Boutique Salon</h1> <p>Located in the heart of the Comox Valley, Hairpins Boutique Salon offers a high-end experience with competitive prices, top of the line products<br> and a warm, welcoming atmosphere.</p> <br> <figure> <img src="images/the-hairpins-salon.jpeg" alt="hairpins salon" width="800" height="700"> <figcaption> The Hairpins hairdressing salon in Courtenay, BC, Canada.</figcaption> </figure> <p>Stylist and owner, Staysea Brown has been overwhelmed by the success Hairpins has received over the past 10 years and is ever grateful to the<br> Comox Valley community for all the support. With over a decade of industry experience, Staysea has the knowledge and drive to run a successful <br>business that's hard to forget. Pop on by!</p> <div><a href="services.html" style="color:white"> check out our services</a></div> <h2>Meet the Team</h2> <p> Offering talented stylists with varied personalities, outgoing customer service, and an eclectic, fun atmosphere, Hairpins is striving to be one of a <br> kind.</p> <br> <p>By evolving with their clientele and constantly offering the latest trends and services, they are ensuring every visit is a unique one. Hairpins is <br> filled with its own special brand of magic. Come in and sit down, the Hairpins' Girls are waiting for you!</p> <figure> <img src="images/the-hairpins-team.jpeg" alt="the hairpins team photo" width="800"> <figcaption>We are incredibly proud of our diverse team of stylists who greet each client with a smile. We prioritize inclusivity, community, and <br> sustainability, and make sure that everyone who walks through our door feels welcome.</figcaption> </figure> </main> <footer id="last"> <a href="contact.html"> Contact us today to book an appointment</a> <br> Content taken from <a href="https://www.hairpins.ca/">https://www.hairpins.ca/</a> Used for educational purposes only. </footer> </body> </html>
same mistakes as contact file.
-
-
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>Contact to Hairpins Boutique Salon</title> <link rel="stylesheet" href="style.css"> <link rel="icon" type="image/x-icon" href="images/favicon.ico"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@1,300&family=Lobster&display=swap" rel="stylesheet"> <style> ul { list-style: none; } </style> </head> <body class="content"> <header> <a href="index.html"><img src="images/hairpins-salon-logo.png" alt="hairpins Logo" width="300"></a> <nav id="important"> <ul> <li><a href="index.html">Home</a></li> <li><a href="services.html">Services</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </nav> </header> <main class="backgroundimage"> <h1>Contact Us</h1> Questions, comments, ready for a new do? We look forward to hearing from you!<br> If you're looking to make an appointment online, please do so here. <H2>OPEN HOURS</H2> <ul> <li>Monday ~ Closed</li> <li>Tuesday 9:00am ~ 5:00pm</li> <li>Wednesday 9:00am ~ 8:00pm</li> <li>Thursday 9:00am ~ 8:00pm</li> <li>Friday 9:00am ~ 5:00pm</li> <li>Saturday 9:00am ~ 4:00pm</li> <li>Sunday ~ Closed</li> </ul> <H2>LOCATION</H2> <ul> <li>Hairpins Boutique Salon</li> <li>#4 - 224 6th Street</li> <li>Courtenay, BC V9N 1M1</li> </ul> <br> <a href="https://www.google.com/maps/place/Hairpins+Boutique+Salon/@49.6904218,-124.9971279,15z/data=!4m2!3m1!1s0x0:0x859b2cfce3bc31ea?sa=X&ved=2ahUKEwiYi_2Ex6T6AhXNMjQIHYkoCUUQ_BJ6BAhSEAc">check on Google Maps </a> <br> <br> <H2>CONTACT</H2> <ul> <li> <a href="tel:250-b338-7467">Tel: (250) 338-7467</a></li> <li> <a href="Email:salon.hairpins@gmail.com"> Email: salon.hairpins@gmail.com</a></li> </ul> </main> <footer id="last"> <a href="contact.html"> Contact us today to book an appointment!</a> <br> <br> Content taken from <a href="https://www.hairpins.ca/">https://www.hairpins.ca/</a>. Used for educational purposes only. </footer> </body> </html>
Well there are small silly mistakes like unnecessary spaces between lines and tags. Last step is missing, which is written in the git hub.
-
- Sep 2022
-
github.com github.com
-
<!DOCTYPE html> <head> <!-- DGL 103 CVS2 - Arshdeep Singh - Assignment B --> <meta charset="utf-8"> <title> Assignment B</title> <link rel="stylesheet" href="style.css"> </head> <body> <Header><h1><strong>ASSIGNMENT B</strong></h1></Header><!-- I used the strong tag to bold the header --> <div> <hr> <h2>INTRODUCTION</h2> My name is Arshdeep Singh.I was born in NEW DELHI,INDIA and currently I am living in Comox,British Columbia.I wanted to a professional web developer .Currently, I am enrolled in <b>Associate Science Degree</b> at NIC.<!-- I used the b tag to bold the text --> <br>You can contact me: <ul><li>By email <a href="https://mail.google.com/mail/u/0/#inbox">singharshdeep4980@gmail.com</a> <!-- I used the a tag to link the gmailaddress --> </li><li> DM me on instagram <a href="https://www.instagram.com/">arshdeep_7428</a></li></ul> <h2>What's my experience in web development?</h2> Since I am interested in creating websites, I have been learning a little bit about it with the help of <b> YOUTUBE </b>. However, I do not have any expertise in this area. <h2>Do i know any coding language?</h2> Although I have no coding experience, I will learn everything there is to know about creating websites this academic year. <h2>What is my expectations while this academic year?</h2> I want support and assistance from my tutor and pals. I'll develop my abilities during this course.</div> <br> <br> <br> <br> <hr><footer>Copyright © 2022 Arshdeep Singh </footer> </body> </html>
No error. good
-
-
github.com github.com
-
<!DOCTYPE html> <html lang="en"> <head> <!-- DGL 103 CVS2 - Claire Guiot - Assignment B --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Assignment B</title> </head> <body> <header> <h1>Assignment B</h1> <hr> </header> <main> <!-- You might notice I create a new line spacing the content from the tag when the paragraph is long. Not sure if this is considered "proper formatting", but I think its more readable --> <h2>Who Am I?</h2> <p> I was born in the city of <em>Whitehorse</em>, but I moved to the <em>Vancouver Island</em> area when I was 8. <em>Courtenay</em>, while new to me, is only a hundred kilometers north of where I used to live on <em>Gabriola Island</em> </p> <h2>Experience with the Web</h2> <p> I started building websites when my dad founded his own event production business. As someone with no experience with web dev, I looked into the pre-build options and eventually settled on <mark>Webflow</mark> as I felt it had a unique level of control. I eventually moved on to experiment with other <mark>web technologies</mark>. Everything I know is self taught, so my ability when it comes to the web is functional but far from complete </p> <h2>Coding languages</h2> <p> <strong>I know HTML, CSS, Javascript and a little bit of C#.</strong> Just because I can "speak" HTML and CSS doesn't mean I'm fluent, so I'm excited to learn these languages in a structured setting. </p> <h2>Goals for the Course</h2> <ul> <li>To collaborate and learn with peers</li> <li>To build a strong foundation in HTML and CSS</li> <li>To stay on top of the course load without falling behind. <em>(which means avoiding submitting work 3 hours before the deadline)</em></li> </ul> <p>Woah! Bonus <a href="https://stackoverflow.com/" target="_blank">link!</a></p> </main> <footer> <hr> <small>100% Official Copyright © Tomio Miyagawa</small> </footer> </body> </html>
I have tried to find mistakes but i am not able to do so. This is just example of perfect coding.
-
-
-
<!DOCTYPE html> <html lang="en"> <head> <!-- F22 DGL 103 CVS2 - Tomio Walkley-Miyagawa - Assignment A --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Assignment A</title> </head> <body> <h1>Hello World</h1> <p>This is Tomio speaking.</p> <img src="images/fire.jpg" width="600" alt="Wood Burning"></body> </html>
This is just a brilliant code and I am not able to find any mistake.
-