Jump to content
Plexcoo

Fake W3Schools imitation website

Recommended Posts

I wanted to test my abilities to design webpages with my HTML, CSS, and Bootstrap knowledge so I made an imitation webpage for W3Schools. In my opinion the styles both look very identical, aside from the font differences and missing elements.


Image Comparison:


cmu.png






Everything you see here was coded from scratch, didn't inspect element or view any source codes from the original website.


Let me know what you think!

Share this post


Link to post
Share on other sites

Well, it does look correct. It's pretty good.

 

You probably should remove the swear words from content you're posting on the forums.

 

You wouldn't need all the !important rules if your CSS was put after all the other stylesheets. On a website always put external libraries first and your own custom code after, so that your custom code takes precedence.

 

These don't have to be buttons, they would be better off as links.

<button id="learnhtml">LEARN HTML</button>
<button id="htmlreference">HTML REFERENCE</button>

Share this post


Link to post
Share on other sites

 

Well, it does look correct. It's pretty good.

 

You probably should remove the swear words from content you're posting on the forums.

 

You wouldn't need all the !important rules if your CSS was put after all the other stylesheets. On a website always put external libraries first and your own custom code after, so that your custom code takes precedence.

 

These don't have to be buttons, they would be better off as links.

<button id="learnhtml">LEARN HTML</button>
<button id="htmlreference">HTML REFERENCE</button>

thanks to your advice i just fixed one of my issues, i appreciate it

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...