Introduction to Web Development
Let's Build Your Personal Website
Beta Team Starter Kit
Members of the Beta Team, are students of life.
This is a resource for individuals who are ready to take the first step.
Are you ready?
Build Your Own Personal Portfolio Website
All of the lessons on how to build the personal portfolio website are in the wiki.
To see the live site
If you have any questions, feedback, or brilliant ideas on how to make this better, add to our
#feedback channel in our slack team.
Website template provided by:
Spectral by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
A big, modern, blocky affair with a mobile-style menu, fully responsive styling, and an assortment of pre-styled elements. So, pretty much what you were expecting -- except, of course, for how it's put together, specifically:
It's built with components from my Responsive Tools project.
It uses flexbox, which eliminates all kinds of terrible hacks and clunky layout stopgaps (like CSS grid systems).
It uses Sass* a lot more intelligently, thanks in part to several new mixins and functions I've been working on (as well as a few by @HugoGiraudel).
(* = still entirely optional if you prefer vanilla CSS :)
A ton of other stuff.
In short, Spectral's the culmination of several new things I'm working on/trying out, so please, let me know what you think :)
Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images you can use for pretty much whatever.
(* = not included)
AJ firstname.lastname@example.org | @ajlkn
Demo Images: Unsplash (unsplash.com) Icons: Font Awesome (fontawesome.io) Other: jQuery (jquery.com) Scrollex (github.com/ajlkn/jquery.scrollex) Responsive Tools (github.com/ajlkn/responsive-tools)