I wanted to share some of the HTML I used for my website. I was able to use this code to add a looping video to the background of my site! The HTML used allows the video to be responsive on any device or browser. I used Handbreak to turn my files into mp4/webm files… Continue reading THE SECONDHANDSMOKE.COM

slides: https://docs.google.com/presentation/d/1M8S2UG9BvLPo17W6idXiWohRywQAYWH2F4VPiINn9gk/edit?usp=sharing zip file and website link: https://kyledharam.com/webdesign2 worldofsharks.zip Throughout this course, I learned how to better use HTML and CSS. Bulma was one of my favorite tools because it made layout and responsiveness easier, and I liked seeing live examples of how it works. I also got more confident using box models, flexbox, and… Continue reading The world of sharks link/reflection Kyle Dharam

sneakercon – slides presentation http://127.0.0.1:5500/first_css/index.html – website

Devil May Cry A zip file of it Devil May Cry Site Google Slides As I’ve learned from CSS in Web Design 1 this time, we use a file called Sass or SCSS, which can be complex if you’re trying to learn to put all your CSS codes into one by using the 7 –… Continue reading Final Post

This is my submission for the presentation on my site. Link to the google slide Link to the website Link to the site directory

Here’s a link: http://127.0.0.1:5500/my_project/index.html#inward It is not zipped, nor attached to my Reclaim Hosting domain at this time.

We organize website or webpage projects using a folder-based structure to keep all related files (HTML, CSS, JavaScript, images, fonts, etc.) grouped together. This makes the project easy to manage, understand, and build on, especially as it grows more complex. Each project typically has its own folder. Inside that folder, we include a main HTML… Continue reading CSS Basics & The World of Selectors

Semantic HTML elements like <header>, <footer>, <nav>, <section>, and <article> serve the purpose of giving structure and meaning to a web page. Each one indicates the role of the content it contains. The <header> element typically holds introductory content such as a logo, site title, or navigation links and is often found at the top… Continue reading About Semantic HTML

The HTML boilerplate is the foundation of any HTML document. It ensures that the browser knows how to interpret and render the page correctly. It’s the skeleton that every HTML needs before you start adding and customizing content. The main parts are “!” which declares the document type and HTML version. It tells the browser… Continue reading Importance of the HTML boilerplate

https://docs.google.com/presentation/d/1Wivk4GMoZTa-vVl64N_tXYevJ_-bP1qENAiuKroKhvo/edit?usp=sharing Sure! Here’s a version with a more natural, personal tone that sounds like something you might say: I built my page using simple HTML to lay out the main parts—like the big header with a background image, glowing title text, and a section for info and links. In the CSS, I played around with… Continue reading finals