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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×