Templates
Working with Templates#
If you decided to download a template from the web, here is a video that will show you how you might set it up for your 02.03 project. If you don't want to create the additional pages for the third level task, you can copy the JavaScipt tabs from EZ template here.
If you cannot see the embedded video, you need to log into UNC Panoto
Below are a few examples of my own templates that some students have used from past classes (these have the mobile friendly settings in the <head>).
EZ-Template (No Framework just html and css)#
One Page Template (Bootstrap)#
- One page template sample
- Download one page template
- Download OnePageQuickStart.docx
- One Page Theme Help FAQ
- PowerPoint Crop and Scale file This does not work perfectly because you cannot fine-tune the exact pixel dimensions. I will come up with a better solution for UX/images class.
- Hacking the One Page theme to Make the Portfolio images into outbound links
Multiple Page Template (Skeleton Boilerplate#
UNC Template (Bootstrap)#
Photobackground Template (Bootstrap)#
New Templates Suggestions as of Summer School Session 1#
- Bootstrap Resume
- Bootstrap Creative This is an updated version of the one page theme above.
- Bootstrap Studio Example only. This navigation is poor UX design because you cannot see the top menu at full size on a laptop.
A lot of students also used templates from the sources on the Spring 2020 class lecture page.
In class we will download some different themes and discuss all of elements that you will need to include in your website to earn full points. The class will be recorded.