Skip to content
No description, website, or topics provided.
HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
README.md
index.html
style.css

README.md

HackRice 9 | Rice’s Zen Garden

Track Description

Based off the CSS Zen Garden, this track aims to show you the power of HTML and CSS.

“CSS stands for Cascading Style Sheets with an emphasis placed on “Style.” While HTML is used to structure a web document (defining things like headlines and paragraphs, and allowing you to embed images, video, and other media), CSS comes through and specifies your document’s style—page layouts, colors, and fonts are all determined with CSS.” (source)

Although there are new tools and technologies to help with frontend design, we want to focus our attention back on the basics. CSS is a powerful and often overlooked tool, and with this design track, we hope you will learn something new about CSS.

Track Prompt

The goal of this track is to redesign the Rice residential college website. All of the information currently included on the site must be displayed on your new page, but you are welcome to structure it however you’d like.

You may modify the style sheet and HTML to do things such as rearrange the text or import fonts. However, you cannot add any more text.

We’ve provided a sample HTML file containing all the text on the page for you to begin with, as well as a sample CSS file to demonstrate a few ways in which the text can be formatted. Feel free to add images from the website and modify the sample CSS file to incorporate your design ideas. Download the sample files to get started.

Resources

CSS Zen Garden Submissions (note that none of these submissions use javascript - CSS is a powerful tool!)

CSS Resources

FAQs

Q: Can the app have backend functionality?

A: No.

Q: Can I modify/change the given HTML template?

A: Yes, feel free to modify the HTML template (i.e. to rearrange the text or import fonts). However, you cannot add anymore text. You also cannot use JavaScript or anything other than HTML and CSS.

You can’t perform that action at this time.