The Gap Between Two Generations

About Me

Hi, my name is Aarushi Singh, and I am currently a junior at Canton High School. I have not taken any web design courses yet. But, I am interested in learning about computer science and I plan on pursuing it in the future.

Canton High School Logo

Code Source

While coding this website, I used W3Schools.com on my journey. It helped me learn new elements and different techniques with coding. However, I did use layouts provided from the website and altered it to fit my vision.

Navbar: I used the layout from W3Schools.com to create my navigation bar. I have changed the styling by using different colors, fonts, and font sizes. I also incorporated a text-shadow in my navigation bar and changed the numbers to have equal lengths of each page on the bar. This code was used on all pages.

Sticky Navbar: In order to have a responsive navigation bar, I chose the sticky navbar tutorial from W3Schools.com. When you scroll through the page, the navbar will stick to the top. I just added the javascript part and worked with the navbar I already made. This code was used on all pages.

Image Comparison Slider: I used image comparison sliders in my technology page to show the differences between the two eras. In order to do this, I used the layout from W3Schools.com. I've changed the slider size and used different classes for each image, which refer to the same javascript code.

Collapsible Text: I used collapsibles in my society page. The layout is from W3Schools.com and I changed the colors, fonts, and sizes in the CSS styling.

Image Source

https://www.ncpedia.org/sites/default/files/hospitals.png

https://lh3.googleusercontent.com/proxy/NJ4oYCbJOnbirYuFoaMyXYIds1a8MmG10XFzH7vSKq8x2v5K8QfGsUW-VL0j-5chbyq18IVtmu1csmb0xr6vBdCzVNCxop6gCF6waAg3yQu6rRTV-JnIvH4TR2AZz8t3FGu56EmIOvvTyA

https://thehill.com/sites/default/files/styles/article_full/public/privacy_cellphone_112217thinkstock.jpg?itok=ELnzn8yF

https://i2-prod.mirror.co.uk/incoming/article907669.ece/ALTERNATES/s615/alan%20turing.jpg

https://cdn.arstechnica.net/wp-content/uploads/2016/04/461641main_gpn_original_full_full-640x509.jpg

https://blogs.iu.edu/iutech/files/2018/02/space.jpg

https://dw3jhbqsbya58.cloudfront.net/fit-in/1024x1024/school-mascot/6/9/3/6931a569-81f3-4c7d-beed-d242ed0d29c3.gif?version=635515591800000000

https://media.istockphoto.com/vectors/grandparents-with-their-grandchildren-vector-illustration-vector-id532975778?k=6&m=532975778&s=612x612&w=0&h=mbrAKb2QmwZZIPUBXUVp90SaJAyR6aZeaMcobpJ_kwE=

https://www.dcu.ie/sites/default/files/media/inline-images/migrated/unified-communication.jpg

https://www.healtheuropa.eu/wp-content/uploads/2020/10/iStock-elenabs-1-696x392.jpg

https://cdn.shopify.com/s/files/1/2341/9769/products/WebNASAInsigniaBlackHoodieFrontClose_large.jpg?v=1572641414

https://blog.hubspot.com/hubfs/types-of-social-media%20%281%29.jpg

https://d3srkhfokg8sj0.cloudfront.net/wp-content/uploads/1018_STD_Studying_group_Final.jpg

https://unimediadigital.com/wp-content/uploads/2019/12/should-you-strive-for-perfection-in-your-marketing.jpeg

https://www.history.com/.image/c_fill%2Ccs_srgb%2Cfl_progressive%2Ch_400%2Cq_auto:good%2Cw_620/MTU4MDgw OTQxMDMyNDgyNTg1/civilrights.jpg

https://i.pinimg.com/originals/de/ec/02/deec020528701ff1a23c3211b7c201e8.jpg

https://images-na.ssl-images-amazon.com/images/I/51On1SUrblL._SX355_.jpg