About Us
This site is a class project that explores green jobs and modern CSS.
Who Made This Site?
My name is Aleksandr Harutyunyan. I created this website for the CS/IS 260 class at Glendale Community College. I chose the topic of green jobs because I am interested in work that helps the planet and also gives people real job opportunities in my community.
The goal of this site is to give a simple overview of clean-energy careers, show basic layout techniques in HTML and CSS, and practice building a responsive website that works on phones, tablets, and laptops.
What I Learned from Chapters 10, 11, and 12
Chapter 10 – Working with CSS
From Chapter 10 I learned how CSS selectors connect styles to HTML elements. I practiced using element, class, and ID selectors to change color, fonts, and spacing. I also saw how to keep styles in an external file so that the HTML stays cleaner and easier to read.
Chapter 11 – The Box Model
Chapter 11 explained the box model. Every element is a box with content, padding, border, and margin. Changing padding and margin changes how much space is around text and cards. I used this idea when I made the cards on my home page so they do not touch each other and are easier to read.
Chapter 12 – Page Layout Techniques
From Chapter 12 I learned about layout tools like Flexbox and CSS Grid. These tools help place items in rows and columns and make the site respond to different screen sizes. I also learned about media queries, which let me change the layout when the screen is narrow, for example on a phone.
How This Site Uses CSS Ideas
-
I use two linked CSS stylesheets:
base.cssfor shared styles andtheme-green.cssortheme-alt.cssfor the color theme on each page. - The layout uses Flexbox and CSS Grid to place the navigation, hero content, cards, and image rows.
- I use the box model with padding, borders, and margins to give each card and section some breathing room.
- With simple media queries, the grid turns into a single column on small screens so that the text stays readable.