Design inspiration, maybe?
I have culled together a list of websites that, given what you've learned, might serve as some design inspiration. This NOT a list of the latest and greatest. Instead, it will serve as reminders of the features that we have covered in which you commonly find in today’s websites.
1. Stretch at least one element across the width of the screen.
2. Make the page 100% width but be careful about all content stretching 100%. For instance, we will deconstruct the boxes of CofC with your eyes and note how some parts are 100%.
3. Include hero picture.
4. Never use Times New Roman font as the primary font. It makes you look lazy. And what did we say about that default #000000 text? Lazy, that's what.
5. Avoid long text, especially on home page. s
6. Link logo back to home; also, include a favicon.
These are some sites you have the ability to do. In some cases, you would not spend the time to do all parts of the page if you're not being paid for it. However, I believe they are in your wheelhouse.
This "searched" Best Buy page is ideal as a good looking webpage that includes some of the things we’ve covered. https://www.bestbuy.com/site/brands/klipsch/pcmcat165900050004.c?id=pcmcat165900050004
Deconstruct the "boxes" of CofC with your eyes. Focus on the big parts. E.g. the top consists of nav, logo & search, another nav. Then hero pic slideshow 100%. Notice how Top Stories looks so fluid. Just picture a constant "wrapper" where elements break out every now and then. i.e. all of the non-100% elements are the same width.
Simple bootstrap
https://themes.wplook.com/?ref=3&themename=morning-time
https://getbootstrap.com/docs/4.0/examples/jumbotron
All of the
colorlib:
https://colorlib.com/wp/blank-website-templates
https://demo.colorlib.com/dazzling Look at the image boxes too, with the thin borders and subtle
radius
Wix blank
templates.
https://www.wix.com/website-template/view/html/1566 100% hero width
https://www.wix.com/website-template/view/html/1578
Just like CofC
where some elements are 100% and others are the same width. As I said earlier,
because of time, and because you're not getting paid, I'd say you have the
ability to do a simplified version of this.
https://themes.wplook.com/?ref=3&themename=morning-time
This homepage would look better with two columns. But look at a couple other pages such as its Services page. https://allwebcodesign.com/templates/RD35-DM/RD35-Chicago-DM
Want some colors?
It's nearly the same page as above.
https://allwebcodesign.com/templates/RD35-DM/RD35-TechCor-DM
In fact, go to www.allwebcodesign.com and you'll see
a lot of templates that are feasible to do. They remind me of a lot of
Wordpress sites. They may look challenging at this stage of your learning, but
I feel that they can be emulated. This one has a background
https://allwebcodesign.com/templates/C19/C19-Freestyle
Also nice looking
https://www.templateonweb.com/demo/ea5d2f1c4608232e07d3aa3d998e5135
Blank templates.
See more at http://free-templates.me
http://free-templates.me/website-templates/download/corporate-1/index.html
We've got enough
to look at for inspiration, but here's one more
https://nicepage.com
Good use of white
& gray colors
https://www.sciway.net