Email id : hegde.kru@northeastern.edu
SCSS features like variables, mixins, inheritance, loops and functions are included. SCSS is organized into multiple files based on the UI features, common elements and themes.
steps to commit : step 1: clone your git repository using git init command step 2: open the folder and add all the files of your web page step 3: use git add -A command to save/stage and add all the files in the repo folder step 4: git commit -m "message" to commit the changes type the desired message step 5: git push to push all the file on your git repo step 6: refresh your gitHub to view the changes
steps to update scss files : step1 : open terminal of VScode step2 : npm init to initialize tour npm package step3 : press enter key and yes for the installation step4 : type npm install -g sass to install sass inbuilt files step5 : type npm i sass --save to save the installation step6 : manually create a dist folder and add all the .css files there step7 : change .css files to .scss files (by changing the extension) step8 : type npx sass styles/main.scss dist/main.css to view the changes in your stylesheet step9 : everytime you make changes to .scss files or .html file, repeat step8 to view the output step10 : change the file path of css file in .html file
There are sepearte SCSS files for different UI components header.scss - styling for the navigation bar of the website home.scss - Styling for Home section about.scss - styling and positioning of the about section of the website featuredlist.scss - styling for the featured list section that contains the gallery footer.scss - styling of the footer section
Main.scss contains all the import of the above mentioend scss files and includes all scss files into main css file
How to run the project: The homepage of the Modern Apartment website is index.html. Html tags are present on the page.
Link: https://kruthish18.github.io/Housing-Website/
credits:-