Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published1🌍 Public
NNita
Last edited Mar 28, 2025
Created on Mar 28, 2025
Forked from HTML Starter

This multi-page educational website presents the life and core teachings of the Buddha through a structured, visually cohesive design. It uses HTML5, CSS3 with custom properties and a grid layout, and JavaScript for interactive navigation. The site features responsive behavior, a sticky header, smooth scrolling for anchor links, and a mobile hamburger menu toggle, all styled with the Font Awesome icon library and Google Fonts.

AI-generated description

The Teachings of Buddha

A comprehensive website dedicated to the teachings of Buddha, created for educational purposes.

Description

This website aims to provide accessible information about Buddhist philosophy, practices, and history. It covers the life of the Buddha, core Buddhist teachings, meditation techniques, and more, designed to be an educational resource for those interested in learning about Buddhism.

Pages

  • Home: Introduction to the Buddha and his teachings
  • About Buddha: Information about the life and historical context of Siddhartha Gautama
  • Core Teachings: Explanation of fundamental Buddhist concepts
  • Meditation: Guide to Buddhist meditation practices
  • Scriptures: Overview of Buddhist texts
  • Schools of Buddhism: Information about different Buddhist traditions
  • Resources: Books, websites, and other learning resources

Technologies Used

  • HTML5
  • CSS3
  • JavaScript
  • Font Awesome icons

Usage

This is a static website that can be viewed in any modern web browser. Simply open the index.html file to start exploring.

Credits

  • Created for educational purposes
  • Images are placeholders and would need to be replaced with properly licensed images for a production site
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of HTML Starter

This multi-page educational website presents the life and core teachings of the Buddha, covering his biography, the Four Noble Truths, meditation practices, and scriptural traditions. Built with plain HTML, CSS, and JavaScript, the site uses Flexbox and CSS Grid for layout, Font Awesome icons, and Google Fonts. Interactive features include smooth scrolling for anchor links and a mobile navigation toggle. The content is presented through structured sections and quotes, with no external data sources or visualization libraries.

NNita
95% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

This educational website presents the life and core teachings of the Buddha through a multi-page HTML layout. The site uses custom CSS for styling, along with Font Awesome icons and Google Fonts for visual enhancements. It organizes content into sections covering the Four Noble Truths, meditation practices, and Buddhist scriptures, with JavaScript handling smooth scrolling and mobile navigation.

NNita
95% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

This educational website presents the life of the Buddha, core teachings like the Four Noble Truths, and meditation practices through a multi-page HTML, CSS, and JavaScript layout. The site’s responsive design, styled with custom CSS and the Philosopher and Lato fonts, structures content across pages covering scriptures and Buddhist schools. JavaScript in `scripts.js` enables smooth scrolling, a mobile navigation toggle, and automatic active-link highlighting. The visualization emphasizes textual and biographical information over quantitative data, using a clean, structured layout to convey Buddhist concepts.

NNita
92% match
Loading thumbnail…

Fork of HTML Starter

This example presents a static HTML page that displays the Four Noble Truths of Buddhism, organized into four sections with lotus emojis and text. The page uses a simple structure with an `index.html` file that links to `styles.css` and an `index.js` script. The CSS file applies a large, centered font size to a div with the class "message," while the JavaScript file only logs "hello world" to the console. The content is hardcoded in the HTML, with no interactive elements or external data sources.

NNita
81% match
Loading thumbnail…

Fork of HTML Starter

This visualization presents a contemplative web page exploring Buddhist philosophy from the Prajñāpāramitā literature. It displays prose passages about emptiness and non-duality, highlighting Sanskrit terms such as Śūnyatā, Bodhicitta, and Tathāgatagarbha. The page uses JavaScript to dynamically parse and wrap Buddhist terms, creating interactive tooltips that display definitions on hover. It relies on CSS animations for staggered paragraph fade-ins, Google Fonts (Cormorant Garamond and Nunito) for typography, and a responsive grid layout for terminology cards.

NNita
80% match
Loading thumbnail…

Fork of HTML Starter

This example renders a static social media feed interface with HTML and CSS, mimicking the layout of a typical news feed. It displays several posts with author names, timestamps, and content, including a text-heavy post on Buddhist philosophy. The design uses a clean, minimalist style with a white header, a container for posts, and action links like “Like,” “Comment,” and “Share.” No external JavaScript libraries or data APIs are used; the feed is entirely hard-coded in the HTML document, with styling handled by embedded CSS rules for layout, spacing, and typography.

NNita
77% match
Loading thumbnail…

Fork of HTML Starter

This example presents a single-page data engineering portfolio template with a dark header and white content sections. The page uses semantic HTML5 elements, including a navigation menu with anchor links to sections about education, skills, projects, and experience. CSS styling via style.css applies a clean layout with responsive media queries for mobile. The code is a static HTML/CSS starter, containing no JavaScript or data visualization libraries, and displays placeholder text rather than actual project data.

UUthkarsh Reddy Junuthula
77% match
Loading thumbnail…

Fork of HTML Starter

This is a multi-page website demonstrating different chart types. The home page links to three separate HTML pages: a stacked and grouped bar chart, a stacked area chart, and a line chart with multiple lines. Each page displays static images of the visualizations, which are embedded via `<img>` tags and hosted from local desktop file paths. The site uses basic inline CSS for image sizing and borders, alongside a linked `style.css` file for typography and layout, creating a simple gallery of pre-rendered charts.

SSYAM TEJ
75% match