26 Matching Annotations
- Nov 2022
-
github.com github.com
-
main { margin: 0 auto; max-width: 65rem; } main img { width: 1000px; } main h1 a { text-decoration: none; color: black; } a:hover { color: blue; }
looks great!
-
-
github.com github.com
-
<hr>
good call using the
tag to break up the content a bit.
-
-
github.com github.com
-
/* ################### utility classes ################## */
I really like how you clearly breakup the sections. It makes it really easy to read and looks super clean. Great job!
-
-
github.com github.com
-
p,p,p,p,p,p,p,p,p,p
just one p will do
-
h2,h2,h2,h2,h2,h2,h2,h2,h2
Just one h2 will do
-
To be consistent and to make your CSS code clean, and easy to read/navigate, I'd do the following spacing:
html {
}
body {
}
header {
}
etc.
-
-
github.com github.com
-
header {background-color: rgb(106, 106, 106); padding-top:20px; padding-bottom:20px;} header * {color:white; padding-top: 20px; padding-bottom: 20px;} header nav li { float: left; padding: 5px; } header nav a { text-decoration: none; } /*end of header */ .clearfix::after { content: ""; clear: both; display: block; } /*ul list : services, home, portfolio clearfix */ .clearfix {margin: 0; padding: 0; list-style: none;} .container { width: 960px; margin-left: auto; margin-right: auto; } .project { padding-left:20px; padding-right: 40px; width: calc(33% - 60px); float: left; } .button { background-color: orangered; color: white; padding: 10px; display: inline; text-decoration: none; } .recent-outer {background-color: lightgrey; padding: 50px 0;} .recent-content { float:left; width:calc(100% - 430px); padding-right:30px;} .latests {background-color: rgb(106, 106, 106);} .latest { padding-left: 20px; padding-right: 40px; width: calc(33% - 60px); float: left; } footer {clear: both; text-align: center;}
To be consistent and to make your CSS code clean, and easy to read/navigate, I'd do the following spacing:
html {
}
body {
}
header {
}
etc.
-
-
github.com github.com
-
The huge image on the main page and subpages detracts might be negative for the Nicole Cahoon website. The huge image may cause the loading speed to slow and the performance to suffer. It may also impair from the user's experience because it is a distraction, and it requires a lengthy scroll to get the primary content. Visitors may become dissatisfied and abandon the website if the loading rates are slow and the content is difficult to find. These unfavourable consequences will lower the website's ranking in the SERP. The image appears on all of the website's subpages as well, making it less essential because it is everywhere and repetitive. Because it distracts from the headlines and text, the photo makes the website appear disorganised. If the image is decreased in size, the website may appear more visually appealing, clear, brief, airy, organised, and fast, as well as boost search engine results.
Avoid text walls -- I would break up larger chunks of text like this into smaller paragraphs. Other than that, great job!
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Nicole Cahoon Website Analysis</title> <link rel="stylesheet" href="style.css"> <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=Source+Code+Pro&display=swap" rel="stylesheet"> <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=Source+Code+Pro&display=swap" rel="stylesheet"> </head> <body> <h1>Nicole Cahoon Website Analysis</h1> <h2>Logo</h2> <img class="nicole-website-logo.png" src="Images/nicole-website-logo.png" > <p> The 'chartered professional accountant' text on the main webpage menu under the Nicole Cahoot logo could be a bit larger. The text is very small in size, which may be an accessibility problem, or it may simply be unseen because it is little.</p> <h2>Headings</h2> <p> The headings on the subpages differ from those on the main page. To establish a consistent look throughout, all headings can be altered to be the same colour so that clients easily identify them as headings. </p> <h2>Resize The Photo</h2> <img class="nicole-website-resizethephoto.png" src="Images/nicole-website-resizethephoto.png" width="300" height="300"> <p> The huge image on the main page and subpages detracts might be negative for the Nicole Cahoon website. The huge image may cause the loading speed to slow and the performance to suffer. It may also impair from the user's experience because it is a distraction, and it requires a lengthy scroll to get the primary content. Visitors may become dissatisfied and abandon the website if the loading rates are slow and the content is difficult to find. These unfavourable consequences will lower the website's ranking in the SERP. The image appears on all of the website's subpages as well, making it less essential because it is everywhere and repetitive. Because it distracts from the headlines and text, the photo makes the website appear disorganised. If the image is decreased in size, the website may appear more visually appealing, clear, brief, airy, organised, and fast, as well as boost search engine results. </p> <h2>The <q>Our Team</q> subpage</h2> <img class="nicole-website-ourteam" src="Images/nicole-website-ourteam.png" width="300"> <p> Conan White is the third person down on the 'about us' subpage. His description is missing from the webpage, which may be causing inconsistency, thus it would be a good idea to include his details. </p> <h2>The <q>Facebook</q> subpage</h2> <img class="nicole-website-facebooksubpage.png" src="Images/nicole-website-facebooksubpage.png" width="400"> <p> The Facebook tab should be fixed at the top of the page in the main menu. When consumers click on that link, they are taken completely away from the Nicole Cahoon website. When I tried to click the arrow back, I couldn't get back, which may discourage users from returning to the website at all. The cure might be that when online users click on the Facebook tab in the main menu, it opens an extra link instead of exiting the website entirely. </p> <h2>The Websites HPPT Link Is Not Secure</h2> <img class="nicole-website-notsecure.png" src="Images/nicole-website-notsecure.png" > <p> When people visit the Nicole Cahoon website, a security warning appears and is displayed as a warning in the browser search bar. Clients looking for an accountant may be put off by this since they may feel insecure entering this website. To safeguard themselves and their website visitors, this Nicole Cahoon website may wish to consider adopting a secure and encrypted HTTPS. </p> <h2>The<q>Tax Checklist</q>subpage</h2> <img class="nicole-website-taxchecklist" src="Images/nicole-website-taxchecklist.png" width="450" height="300"> <p> The text at the bottom of the subpage 'tax checklist' appears to be out of date. The information states and advises individuals to download an old and out-of-date tax form from 2020. This may lead users to believe that this website is not updated frequently or on a regular basis. </p> <h2>The <q>Contact Us</q> subpage</h2> <img class="nicole-website-contactus.png" src="Images/nicole-website-contactus.png" width="450" height="400" > <p> The contact information in the contact us subpage may be better organised. The Facebook text could be placed next to the Facebook thumbnail. A yellow border could be used to divide the photo from the content underneath. </p> <h2>The Footer</h2> <img class="nicole-website-footer.png" src="Images/nicole-website-footer.png"> <p> Because it appears visually unequal, the contact information in the footer might be evenly put. The links might be enhanced to make it clear that they are links, and the phone number may be made clickable. </p> </body> </html>
I really like the spacing between your sections even though you don't need to. It definitely makes it easier to read!
-
- Oct 2022
-
github.com github.com
-
<!-- Here I added the inline style to change white text into black color -->
Good idea
-
-
github.com github.com
-
Skip to content In this repository All GitHub ↵ Jump to ↵ No suggested jump to results In this repository All GitHub ↵ Jump to ↵ In this organization All GitHub ↵ Jump to ↵ In this repository All GitHub ↵ Jump to ↵ Dashboard Pull requests Issues Codespaces Marketplace Explore Sponsors Settings caitgarland Sign out New repository Import repository New gist New organization Sorry, something went wrong. / ... / nic-dgl103-f22 / assignment-c-dlu-... / Clear Command Palette Tip: Type # to search pull requests Type ? for help and tips Tip: Type # to search issues Type ? for help and tips Tip: Type # to search discussions Type ? for help and tips Tip: Type ! to search projects Type ? for help and tips Tip: Type @ to search teams Type ? for help and tips Tip: Type @ to search people and organizations Type ? for help and tips Tip: Type > to activate command mode Type ? for help and tips Tip: Go to your accessibility settings to change your keyboard shortcuts Type ? for help and tips Tip: Type author:@me to search your content Type ? for help and tips Tip: Type is:pr to filter to pull requests Type ? for help and tips Tip: Type is:issue to filter to issues Type ? for help and tips Tip: Type is:project to filter to projects Type ? for help and tips Tip: Type is:open to filter to open content Type ? for help and tips We’ve encountered an error and some results aren't available at this time. Type a new search or try again later. No results matched your search Top result Commands Type > to filter Global Commands Type > to filter This Page Files Pages Access Policies Organizations Repositories Issues, pull requests, and discussions Type # to filter Teams Users Projects Modes Use filters in issues, pull requests, discussions, and projects Search for issues and pull requests # Search for issues, pull requests, discussions, and projects # Search for organizations, repositories, and users @ Search for projects ! Search for files / Activate command mode > Search your issues, pull requests, and discussions # author:@me Search your issues, pull requests, and discussions # author:@me Filter to pull requests # is:pr Filter to issues # is:issue Filter to discussions # is:discussion Filter to projects # is:project Filter to open issues, pull requests, and discussions # is:open nic-dgl103-f22 / assignment-c-dlu-RaviPunia Private Unwatch Stop ignoring Watch 0 Notifications Participating and @mentions Only receive notifications from this repository when participating or @mentioned. All Activity Notified of all notifications on this repository. Ignore Never be notified. Custom Select events you want to be notified of in addition to participating and @mentions. Get push notifications on iOS or Android. Custom Custom Select events you want to be notified of in addition to participating and @mentions. Issues Pull requests Releases Discussions Discussions are not enabled for this repository Security alerts Apply Cancel Fork 0 Starred 0 Star 0 Code Issues 0 Pull requests 0 Actions Projects 0 Security Insights More Code Issues Pull requests Actions Projects Security Insights Open in github.dev Open in a new github.dev tab Permalink main Switch branches/tags Branches Tags View all branches View all tags Name already in use A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch? Cancel Create assignment-c-dlu-RaviPunia/index.html Go to file Go to file T Go to line L Copy path Copy permalink This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. RaviPunia Final code Latest commit 3fef99d 4 days ago History 2 contributors Users who have contributed to this file 101 lines (92 sloc) 3.43 KB Raw Blame Edit this file E Open in github.dev . Open in GitHub Desktop Open with Desktop View raw Copy raw contents Copy raw contents Copy raw contents Copy raw contents View blame <!DOCTYPE html> <html lang="en"> <head> <!-- DGL 103 DLU1 - Ravi Punia - Assignment C --> <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"> <link rel="icon" type="image/x-icon" href="images/favicon.ico"> <title>Hairpins Boutique Salon</title> <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=Poppins:wght@400;600&display=swap" rel="stylesheet"> <style> .services { background-color: #000000; /* Here I changed the background color using Hexadecimal value */ color: white; } </style> </head> <body> <header> <a href="index.html" ><img src="images/hairpins-salon-logo.png" alt="hairpins Logo" width="300" ></a> <nav> <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 and a warm, welcoming atmosphere. </p> <figure> <img src="./images/the-hairpins-salon.jpeg" alt="salon image"> <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 Comox Valley community for all the support. With over a decade of industry experience, Staysea has the knowledge and drive to run a successful business that's hard to forget. Pop on by! </p> <p class="services"> Time for a new do? <a href="./services.html">Check out our services</a> </p> <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 kind. <br> <br> By evolving with their clientele and constantly offering the latest trends and services, they are ensuring every visit is a unique one. Hairpins is 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="team members"> <figcaption> We are incredibly proud of our diverse team of stylists who greet each client with a smile. We prioritize inclusivity, community, and sustainability, and make sure that everyone who walks through our door feels welcome. </figcaption> </figure> <a href="./contact.html">Contact us today to book an appointment!</a> </main> <footer> <p> Content taken from <a href="https://www.hairpins.ca/">https://www.hairpins.ca/</a> Used for educational purposes only. </p> </footer> </body> </html> Copy lines Copy permalink View git blame Reference in new issue Go Footer © 2022 GitHub, Inc. Footer navigation Terms Privacy Security Status Docs Contact GitHub Pricing API Training Blog About You can’t perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. .user-mention[href$="/caitgarland"] { color: var(--color-user-mention-fg); background-color: var(--color-user-mention-bg); border-radius: 2px; margin-left: -2px; margin-right: -2px; padding: 0 2px; } assignment-c-dlu-RaviPunia/index.html at main · nic-dgl103-f22/assignment-c-dlu-RaviPunia
I don't see any issues. Great job, Ravi.
-
-
github.com github.com
-
Skip to content In this repository All GitHub ↵ Jump to ↵ No suggested jump to results In this repository All GitHub ↵ Jump to ↵ In this organization All GitHub ↵ Jump to ↵ In this repository All GitHub ↵ Jump to ↵ Dashboard Pull requests Issues Codespaces Marketplace Explore Sponsors Settings caitgarland Sign out New repository Import repository New gist New organization Sorry, something went wrong. / ... / nic-dgl103-f22 / assignment-c-dlu-... / Clear Command Palette Tip: Type # to search pull requests Type ? for help and tips Tip: Type # to search issues Type ? for help and tips Tip: Type # to search discussions Type ? for help and tips Tip: Type ! to search projects Type ? for help and tips Tip: Type @ to search teams Type ? for help and tips Tip: Type @ to search people and organizations Type ? for help and tips Tip: Type > to activate command mode Type ? for help and tips Tip: Go to your accessibility settings to change your keyboard shortcuts Type ? for help and tips Tip: Type author:@me to search your content Type ? for help and tips Tip: Type is:pr to filter to pull requests Type ? for help and tips Tip: Type is:issue to filter to issues Type ? for help and tips Tip: Type is:project to filter to projects Type ? for help and tips Tip: Type is:open to filter to open content Type ? for help and tips We’ve encountered an error and some results aren't available at this time. Type a new search or try again later. No results matched your search Top result Commands Type > to filter Global Commands Type > to filter This Page Files Pages Access Policies Organizations Repositories Issues, pull requests, and discussions Type # to filter Teams Users Projects Modes Use filters in issues, pull requests, discussions, and projects Search for issues and pull requests # Search for issues, pull requests, discussions, and projects # Search for organizations, repositories, and users @ Search for projects ! Search for files / Activate command mode > Search your issues, pull requests, and discussions # author:@me Search your issues, pull requests, and discussions # author:@me Filter to pull requests # is:pr Filter to issues # is:issue Filter to discussions # is:discussion Filter to projects # is:project Filter to open issues, pull requests, and discussions # is:open nic-dgl103-f22 / assignment-c-dlu-RaviPunia Private Unwatch Stop ignoring Watch 0 Notifications Participating and @mentions Only receive notifications from this repository when participating or @mentioned. All Activity Notified of all notifications on this repository. Ignore Never be notified. Custom Select events you want to be notified of in addition to participating and @mentions. Get push notifications on iOS or Android. Custom Custom Select events you want to be notified of in addition to participating and @mentions. Issues Pull requests Releases Discussions Discussions are not enabled for this repository Security alerts Apply Cancel Fork 0 Starred 0 Star 0 Code Issues 0 Pull requests 0 Actions Projects 0 Security Insights More Code Issues Pull requests Actions Projects Security Insights Open in github.dev Open in a new github.dev tab Permalink main Switch branches/tags Branches Tags View all branches View all tags Name already in use A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch? Cancel Create assignment-c-dlu-RaviPunia/services.html Go to file Go to file T Go to line L Copy path Copy permalink This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. RaviPunia Final code Latest commit 3fef99d 4 days ago History 2 contributors Users who have contributed to this file 110 lines (102 sloc) 3.88 KB Raw Blame Edit this file E Open in github.dev . Open in GitHub Desktop Open with Desktop View raw Copy raw contents Copy raw contents Copy raw contents Copy raw contents View blame <!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"> <link rel="stylesheet" href="./style.css"> <link rel="icon" type="image/x-icon" href="images/favicon.ico"> <title>Services - Hairpins Boutique Salon</title> <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=Poppins:wght@400;600&display=swap" rel="stylesheet"> <style> main li{ list-style: none; /* Here I removed the bullets from list items */ } </style> </head> <body> <header> <a href="index.html" ><img src="images/hairpins-salon-logo.png" alt="hairpins Logo" width="300" ></a> <nav> <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>Our Services</h1> <h2>Below is a list of services we proudly offer.</h2> <p> At Hairpins, we care about the environment and recognize the impact we all have on it. We are continually making strides to reduce where we can and have only aligned ourselves with companies and products we believe in. We are proud to be a CERTIFIED GREEN CIRCLE SALON and through that partnership are able to divert 95% of our salon waste from landfills. Get in touch if you have any questions or want to learn more about the programs and charities we are focusing our efforts on. </p> <h3>Cuts</h3> <p> Range from 45 minutes to 90 minutes. Please call us at 250-338-7467 (PINS) to book a shorter appointment for Kid's Cuts, Dry Cuts, Fringe Trims, Neck trims, or Clipper Cut maintenance.</p> <ul> <li>47.00 = 45 Minute Clipper Cuts and Short Fine Hair</li> <li>$61.00 = 60 Minute Cut for Fine to Medium Hair</li> <li>$76.00 = 75 Minute Cut for Medium to Thick Hair</li> <li>$90.00 = 90 Minute Cut for THICK THICK Hair, you know who are :)</li> </ul> <p> All cuts include shampoo, scalp massage, blowdry, and style. </p> <h3>Colours</h3> <ul> <li>FULL FOIL: $188/$219 with cut</li> <li>3/4 FOIL: $172/$203 with cut</li> <li>1/2 FOIL: $158/$189 with cut</li> <li>1/4 FOIL: $144/$175 with cut</li> </ul> <h3>Styling</h3> <ul> <li>BLOWOUTS ~ 30 mins: $40 - $45</li> <li>BLOWOUTS ~ 45 mins: $47 - $52</li> <li>BLOWOUTS ~ 1 hour: $60 - $67</li> </ul> <br> <h3><strong>* * 48 Hour Cancellation Required * *</strong></h3> <p> We require 48 hours' notice for any cancellations. </p> <br> <ul> <li>If you are a “no show”, you will be required to pay for your missed service in full in order to rebook.</li> <li>If you cancel with less than 48 hours' notice, you will be required to pay for 1/2 of the service you canceled in order to rebook.</li> </ul> <p> We understand that last-minute things happen! We will address each situation on a case-by-case basis. Please communicate with us and we will try our best to help. We appreciate your understanding. </p> <p> <a href="./contact.html">Contact us today to book an appointment!</a> </p> </main> <footer> <p> Content taken from <a href="https://www.hairpins.ca/">https://www.hairpins.ca/</a> Used for educational purposes only. </p> </footer> </body> </html> Copy lines Copy permalink View git blame Reference in new issue Go Footer © 2022 GitHub, Inc. Footer navigation Terms Privacy Security Status Docs Contact GitHub Pricing API Training Blog About You can’t perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. .user-mention[href$="/caitgarland"] { color: var(--color-user-mention-fg); background-color: var(--color-user-mention-bg); border-radius: 2px; margin-left: -2px; margin-right: -2px; padding: 0 2px; } assignment-c-dlu-RaviPunia/services.html at main · nic-dgl103-f22/assignment-c-dlu-RaviPunia
Looks great!
-
-
github.com github.com
-
/*############### Navbar Styling ############### */
I like how you clearly label the sections. It makes it easy to follow. Great job!
-
-
github.com github.com
-
nav ul { list-style-type: none; background-color: #4C956C; } nav li { display: inline-block; padding: 20px; } a:link {color: black} a:visited {color: black} html {font-size:62.5%;} body {font-size: 1.6rem; font-family: 'Open Sans', sans-serif; text-align: center; } h1 { font-size: 3rem; /*3rem=48px */ font-size: 4.8rem; font-family: 'Raleway', sans-serif; } .footer { bottom: 0; padding: 40px; background-color: #4C956C } body { background-image: url("images/background-image.jpg") }
Looks good but if you put the background image in your style sheet, the image will show up on all body elements on each page. To put on one page I found I had to embed it on the exact page by using:
< style >
body (or whatever element you'd like) { background-image: url("imagesname.jpeg"); }
< /style >
-
-
github.com github.com
-
Skip to content In this repository All GitHub ↵ Jump to ↵ No suggested jump to results In this repository All GitHub ↵ Jump to ↵ In this organization All GitHub ↵ Jump to ↵ In this repository All GitHub ↵ Jump to ↵ Dashboard Pull requests Issues Codespaces Marketplace Explore Sponsors Settings caitgarland Sign out New repository Import repository New gist New organization Sorry, something went wrong. / ... / nic-dgl103-f22 / assignment-c-dlu-... / Clear Command Palette Tip: Type # to search pull requests Type ? for help and tips Tip: Type # to search issues Type ? for help and tips Tip: Type # to search discussions Type ? for help and tips Tip: Type ! to search projects Type ? for help and tips Tip: Type @ to search teams Type ? for help and tips Tip: Type @ to search people and organizations Type ? for help and tips Tip: Type > to activate command mode Type ? for help and tips Tip: Go to your accessibility settings to change your keyboard shortcuts Type ? for help and tips Tip: Type author:@me to search your content Type ? for help and tips Tip: Type is:pr to filter to pull requests Type ? for help and tips Tip: Type is:issue to filter to issues Type ? for help and tips Tip: Type is:project to filter to projects Type ? for help and tips Tip: Type is:open to filter to open content Type ? for help and tips We’ve encountered an error and some results aren't available at this time. Type a new search or try again later. No results matched your search Top result Commands Type > to filter Global Commands Type > to filter This Page Files Pages Access Policies Organizations Repositories Issues, pull requests, and discussions Type # to filter Teams Users Projects Modes Use filters in issues, pull requests, discussions, and projects Search for issues and pull requests # Search for issues, pull requests, discussions, and projects # Search for organizations, repositories, and users @ Search for projects ! Search for files / Activate command mode > Search your issues, pull requests, and discussions # author:@me Search your issues, pull requests, and discussions # author:@me Filter to pull requests # is:pr Filter to issues # is:issue Filter to discussions # is:discussion Filter to projects # is:project Filter to open issues, pull requests, and discussions # is:open nic-dgl103-f22 / assignment-c-dlu-chelsieadam Private Unwatch Stop ignoring Watch 0 Notifications Participating and @mentions Only receive notifications from this repository when participating or @mentioned. All Activity Notified of all notifications on this repository. Ignore Never be notified. Custom Select events you want to be notified of in addition to participating and @mentions. Get push notifications on iOS or Android. Custom Custom Select events you want to be notified of in addition to participating and @mentions. Issues Pull requests Releases Discussions Discussions are not enabled for this repository Security alerts Apply Cancel Fork 0 Starred 0 Star 0 Code Issues 0 Pull requests 0 Actions Projects 0 Security Insights More Code Issues Pull requests Actions Projects Security Insights Open in github.dev Open in a new github.dev tab Permalink main Switch branches/tags Branches Tags View all branches View all tags assignment-c-dlu-chelsieadam/contact.html Go to file Go to file T Go to line L Copy path Copy permalink This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. chelsieadam Fixed Validation issues Latest commit 44427b0 5 days ago History 2 contributors Users who have contributed to this file 63 lines (57 sloc) 2.04 KB Raw Blame Edit this file E Open in github.dev . Open in GitHub Desktop Open with Desktop View raw Copy raw contents Copy raw contents Copy raw contents Copy raw contents View blame <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="style.css"> <link rel="icon" type="image/x-icon" href="images/favicon.ico"> <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="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Raleway:wght@700&display=swap" rel="stylesheet"> <title>Hairpins Salon Contact Page</title> </head> <body> <header> <a href="index.html"><img src="images/hairpins-salon-logo.png" alt="hairpins Logo" width="300"></a> <nav> <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> <h1>Contact Us</h1> <br> Questions, comments, ready for a new do?<br> We look forward to hearing from you!<br> If you're looking to make an appointment online, please do so here.<br> <br> Monday ~ Closed<br> Tuesday 9:00am ~ 5:00pm<br> Wednesday 9:00am ~ 8:00pm<br> Thursday 9:00am ~ 8:00pm<br> Friday 9:00am ~ 5:00pm<br> Saturday 9:00am ~ 4:00pm<br> Sunday ~ Closed<br> <br> Hairpins Boutique Salon<br> #4 - 224 6th Street<br> Courtenay, BC V9N 1M1<br> <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 us out on Google Maps</a><br> <br> Tel: (250) 338-7467<br> <a href="tel:250-338-7467">Click to Call</a><br> <br> Email: salon.hairpins@gmail.com <br> <a href="mailto:salon.hairpins@gmail.com">Email us</a><br> <br> <a href="contact.html">Conctact us today to book an appointment!</a> <br> <div class="footer"> Content taken from<a href="http://www.hairpins.ca/">https://www.hairpins.ca/</a>Used for educational purposes only. </div> </body> </html> Copy lines Copy permalink View git blame Reference in new issue Go Footer © 2022 GitHub, Inc. Footer navigation Terms Privacy Security Status Docs Contact GitHub Pricing API Training Blog About You can’t perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. .user-mention[href$="/caitgarland"] { color: var(--color-user-mention-fg); background-color: var(--color-user-mention-bg); border-radius: 2px; margin-left: -2px; margin-right: -2px; padding: 0 2px; } assignment-c-dlu-chelsieadam/contact.html at main · nic-dgl103-f22/assignment-c-dlu-chelsieadam
Similar comments - I would use unordered lists and paragraph elements where necessary!
Also, I found there is an < address > tag you could use. Learn more: https://www.w3schools.com/tags/tag_address.asp
-
-
github.com github.com
-
* * 48 Hour Cancellation Required * *<br> We require 48 hours' notice for any cancellations.<br> If you are a “no show”, you will be required to pay for your missed service in full in order to rebook. If you cancel with less than 48 hours' notice, you will be required to pay for 1/2 of the service you canceled in order to rebook. We understand that last-minute things happen! We will address each situation on a case-by-case basis. Please communicate with us and we will try our best to help.<br>
The breaks are great but I would also label this a s a < p >
-
$47.00 = 45 Minute Clipper Cuts and Short Fine Hair<br> $61.00 = 60 Minute Cut for Fine to Medium Hair<br> $76.00 = 75 Minute Cut for Medium to Thick Hair<br> $90.00 = 90 Minute Cut for THICK THICK Hair, you know who are :) <br> All cuts include shampoo, scalp massage, blowdry, and style
I used < ul > lists in the services section. I am not 100% sure if we have to or not!
-
-
github.com github.com
-
<!DOCTYPE html> <html lang="en"> <head> <!-- DGL 103 DLU1 - Chelsie Adam - Assignment C --> <link rel="stylesheet" href="style.css"> <link rel="icon" type="image/x-icon" href="images/favicon.ico"> <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="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Raleway:wght@700&display=swap" rel="stylesheet"> <style> .services { background-color:pink; } </style> <title>Hairpins Salon Home Page</title> </head> <body> <header> <a href="index.html"><img src="images/hairpins-salon-logo.png" alt="hairpins Logo" width="300"></a> <nav> <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> <h1>Welcome to Hairpins Boutique Salon</h1> <br> <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 and a warm, welcoming atmosphere.</p> <figure> <img src="images/the-hairpins-salon.jpeg" alt="hairpins salon Courtenay BC"> <figcaption> The Hairpins hairdressing salon in Courtenay, BC, Canada.</figcaption> </figure> <br> <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 Comox Valley community for all the support. With over a decade of industry experience, Staysea has the knowledge and drive to run a successful business that's hard to forget. Pop on by!</p> <br> <p class="services">Time for a new do?<br> <a href="services.html">Check out our services</a> </p> <br> <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 kind. By evolving with their clientele and constantly offering the latest trends and services, they are ensuring every visit is a unique one. Hairpins is 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="hairpins salon team Courtenay BC"> <figcaption> We are incredibly proud of our diverse team of sylists who great each client with a smile. We prioritize inclusivity, community, and sustainability, and make sure everyone who walks through our door feels welcome.</figcaption> </figure> <br> <a href="contact.html">Conctact us today to book an appointment!</a> <br> <br> <div class="footer"> Content taken from<a href="http://www.hairpins.ca/">https://www.hairpins.ca/</a>Used for educational purposes only. </div> </body> </html>
Looks great! Nice use of breaks to neatly organize the content.
-
- Sep 2022
-
github.com github.com
-
<head><!-- F22 DGL 103 DLU1 - Trinity Babichuk - Assignment A -->
I would put comments on a separate line so they are clear and visible :-) Other than that, great job!
-
<h1>Hello World</h1> <p>This is *your name* speaking.</p>
Looks great, Trinity! As Cat suggested, I would put
content below any < h1 > - < h6 >.
**Sorry -I noticed my annotation went into the page notes the other day! I hope you saw this!
-
-
github.com github.com
-
<footer><small>This was created on September 19, 2022</small> </footer> </html> <!-- I keep getting an error here with my footer tag, but can not figure it out. -->
Perhaps try putting the < small > element on a separate line.
-
-
github.com github.com
-
<title>Assignment B</title><!-- F22 DGL 103 DLU1 - Michelle Houston - Assignment B-->
I would put the comment bellow the title, so it's easier to read.
-
<h1><strong>Assignment B</strong></h1>
Great job, Michelle. The only thing I would note is you don't need to emphasize your headers as it is done automatically.
-
-
github.com github.com
-
<h1>Hello World</h1> <p>This is Michelle speaking.</p>.
Looks great, Michelle! As Cat pointed out, though, it's best to put your paragraphs (
) below your headings (
's, etc. ).
-
-
github.com github.com
-
Looks great, Cat! Good call with the Mailto Link and emphasizing the link title. I also found your comment helpful when understanding your reasoning for inserting sections, etc. It made me realize I did not do that enough in my assignment!
-
-
github.com github.com
-
<!DOCTYPE html> <html lang="en"> <head> <!--F22 DGL103 DLU1I- Cat Grey - 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"> <title>Assignment A</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Hello World</h1> <p>This is Cat speaking</p> <img src="images/catfield.JPG" width="600" alt="Cat Grey"> </body> </html>
Great job, Cat. Additions to the skeleton code look good.
-