Skip to content

WithMadiCo/IntroductionToWebDevelopment-PersonalPortfolioWebsite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 👀: test this out

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 aj@lkn.io | @ajlkn

Credits:

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)

About

Learning life (and learning how to code along the way)

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published