- Nov 2022
-
github.com github.com
-
justify-content: space-evenly;
I didn't know about this property. Nice work.
-
font-size: 10px;
The preferred font-size is 16px
-
<h2>Lorem ipsum dolor sit amet</h2>
This can be a h1.
-
font-family: sans-serif;
You can use google fonts.
-
-
github.com github.com
-
/*margin: 10px 15px 15px 75px;*/
Margin each side of logo.
-
<div class="copy"> <p>Copyrights © 2022 All rights recieved from North Island College DIGITAL design + Development</p> </div>
I think this is also footer. Try to include it inside the footer element.
-
-
github.com github.com
-
In Ascent Physiotherapy home page as you mentioned in the video the logo should be on top left corner and navigation bar should be in aligned to right side of the page as good practice for user friendly site and this site didn't follow the rule or design pattern, as they centered the navigation bar and just above the navigation bar site logo is placed followed by some call-to-action service like mail link logo and Book now link.<br/> We don't have much information about the additional data. They mentioned about where they are working and what they are serving, only few things had mentioned. Client or Owner need to add more data on homepage because when ever the user visited the site they have get more information on the landing page it-self or else there may be chances of getting distraction by the user.<br/> There is use of placing "NEWS" Navigation page as they didn't mentioned any content and displaying as "Updated News coming soon!" and same is displaying from last two day i think it's not getting updated and no information to communicate with audience or visitor.<br/>
Great Analysis. Eveything else is good.
-
</main> </body>
Can include a footer.
-
<img src="images/ascent pic1.jpg" alt="content Alignment">
Give a heading or caption to the image to understand what the image is.
-
In Ascent Physiotherapy home page as you mentioned in the video the logo should be on top left corner and navigation bar should be in aligned to right side of the page as good practice for user friendly site and this site didn't follow the rule or design pattern, as they centered the navigation bar and just above the navigation bar site logo is placed followed by some call-to-action service like mail link logo and Book now link.<br/> We don't have much information about the additional data. They mentioned about where they are working and what they are serving, only few things had mentioned. Client or Owner need to add more data on homepage because when ever the user visited the site they have get more information on the landing page it-self or else there may be chances of getting distraction by the user.<br/> There is use of placing "NEWS" Navigation page as they didn't mentioned any content and displaying as "Updated News coming soon!" and same is displaying from last two day i think it's not getting updated and no information to communicate with audience or visitor.<br/> Coming to next Nav item OUR TEAM where it describes the every person who works there and descriptive is more enough than expected as the introduction, education background and current status will best reflect the persons role in the service.<br/> In products and services tab there is no actual description for any of the services and for 3 to 4 services they included external links. Its better to add short description about products and services because its our main business focus and need to be concentrated on the services tab and its better if you include specialized service or most popular therapy that cured many people will help in use of business.<br/> Coming to "facilities" good placing of content acording to page structure and images were realistic and ordered according to facilities.<br/> In Rates tab we the blank space at the top of the content is uneven it's unnecessory and aligned good. Web linksin the nav bar are useful for visitor if they need to use services they can check up the external links and follows the do's and don't. Contact us page allows to make us visit their address and contact modes via email and mobile phone.
Instead of seprating content with line break (br), make this long content into seperate paragraphs.
-
<title>Web Site Evalution</title> <link rel="stylesheet" href="style.css"> </head> <body>
You can use google fonts in your page. Preffered sans serif font.
-
Site Evalution
It's better to use the word WEBSITE instead of just SITE.The word SITE have other meanings too. Its just a suggestion.
-
- Oct 2022
-
github.com github.com
-
background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgba(40, 121, 9, 1) 35%, rgba(0, 212, 255, 1) 100% );
I think you can comment this. The code below this has the same purpose, giving gradient and adding background image.
-
p id="news">'Plan C' rumours grow;<br> Downing Street Christams;<br> party cancelled; warning<br> Scotland's R number<br> could rise above 2 | COVID<br> latest </p></div>
You could make this as a heading.
-
<h4><a id="live">Live</a> <a id="breaking"><b>Breaking</b></a> <a id="uk">UK</a></h4>
Yeah, these are not headings.
-
<a id="dot1">.</a><a id="dot2">.</a><a id="dot3">.</a></p>
You can create empty circles using span class="dot"
-
-
github.com github.com
-
call us at 250-338-7467
can make it html clickable phone number.
-
<main> <section>
Everying looks fine.
-
-
github.com github.com
-
Hairpins Boutique Salon #4 - 224 6th Street Courtenay, BC V9N 1M1 Check us
Can use address element here.
-
</a >
Could avoid this space.
-
-
github.com github.com
-
/>
Closing tag not required. Everything else seems perfect.
-
/>
closing tag not required for img.
-
/>
Too many use of closing tags.
-
-
github.com github.com
-
border-radius: 30px; background-color: hsl(234, 12%, 34%); width: 560px; margin: 50px; padding: 30px; background-image: linear-gradient( -180deg, rgba(0, 0, 0, 0) 0%, rgba(177, 147, 88, 1) 100% ), url("images/elephants.jpeg"); background-size: cover;
I think you forgot to try the grayscale.
-
-
github.com github.com
-
<br />
The <br /> tag showed warning for me when I tried to validate my code. So I used <br>.. Everything else looks great.
-
- Sep 2022
-
github.com github.com
-
<h1>Hello World</h1>
Everything looks perfect!
-
-
github.com github.com
-
<br>
You can also use hr element to give a horizontal line, that is used to separate content
-
(C)
You can use HTML Symbol Entitiy for copyright sign.
-
<address>
You used address element,that's excellent.
-
<p>Hello.My name is <b>Yuki</b>.</p> <p>I was born in <b>Japan</b> and worked as a Mecahnical design engineer.</p> <p>I came Canana Aug 2022 with my family.</p> <p>I took this course because I'm interested in <b>web and design</b>.</p>
In my suggestion, I think it's better to provide all these sentences in a single paragraph.
-
-
github.com github.com
-
<body>
Everything looks perfect!
-
-
github.com github.com
-
</u>
You've used variety of html elements like underline, quotation, section, that's good. Everything else seems perfect. Nice work.
-
jbenson1@northislandcollege.ca
Instead of directly giving the email id you can use the hyperlink element.
-
<!--I used the self closing in-line break element to add space between my first sentence and the rest of the paragraph to add visual interest-->
I think it is better to write comments before or after the html elements. You've used it within the paragraph.
-
<section>
You used the section element, that's a good work.
-