{"id":20356578,"url":"https://github.com/madhurimarawat/website-frontend-developement","last_synced_at":"2026-05-09T09:13:21.158Z","repository":{"id":187888607,"uuid":"677759803","full_name":"madhurimarawat/Website-Frontend-Developement","owner":"madhurimarawat","description":"This repository contains programs in HTML, CSS, JavaScript and Bootstrap related to Website Frontend Development.","archived":false,"fork":false,"pushed_at":"2023-09-07T15:52:51.000Z","size":2436,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-24T07:01:52.211Z","etag":null,"topics":["background-effect","bootstrap","border-properties","box-model","css","external-css","forms","frontend-development","html","inline-css","internal-css","javascript","kbd-tag","linear-gradient","lists","navigation-bar","selectors","tables","text-formatting","website-frontend"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/madhurimarawat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-08-12T14:48:38.000Z","updated_at":"2023-08-31T06:57:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"de3d2166-04ab-4210-95ef-336058db045e","html_url":"https://github.com/madhurimarawat/Website-Frontend-Developement","commit_stats":null,"previous_names":["madhurimarawat/website-frontend-developement"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/madhurimarawat/Website-Frontend-Developement","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madhurimarawat%2FWebsite-Frontend-Developement","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madhurimarawat%2FWebsite-Frontend-Developement/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madhurimarawat%2FWebsite-Frontend-Developement/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madhurimarawat%2FWebsite-Frontend-Developement/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/madhurimarawat","download_url":"https://codeload.github.com/madhurimarawat/Website-Frontend-Developement/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madhurimarawat%2FWebsite-Frontend-Developement/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261749252,"owners_count":23203994,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["background-effect","bootstrap","border-properties","box-model","css","external-css","forms","frontend-development","html","inline-css","internal-css","javascript","kbd-tag","linear-gradient","lists","navigation-bar","selectors","tables","text-formatting","website-frontend"],"created_at":"2024-11-14T23:17:05.453Z","updated_at":"2026-05-09T09:13:21.142Z","avatar_url":"https://github.com/madhurimarawat.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Website-Frontend-Developement\nThis repository contains programs in HTML, CSS, JavaScript and Bootstrap related to Website Frontend Development.\n\u003cbr\u003e\u003cbr\u003e\n\u003cimg src=\"https://github.com/madhurimarawat/Website-Frontend-Developement/assets/105432776/9a3c2f8d-5f2f-449a-b9a0-eda23b133208\"\u003e\n\n # HTML \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/html5/html5-original.svg\" title=\"HTML\" alt=\"HTML\" width=\"40\" height=\"40\"\u003e\n--\u003e HTML stands for HyperText Markup Language.\u003cbr\u003e\u003cbr\u003e\n--\u003e It is used to design the web pages. With the help of HTML, you can create a complete website structure.\u003cbr\u003e\u003cbr\u003e\n--\u003e HTML is the combination of Hypertext and Markup language.\u003cbr\u003e\u003cbr\u003e\n--\u003e Hypertext defines the link between the web pages and markup language defines the text document within the tag that define the structure of web pages.\u003cbr\u003e\n#  HTML Basic Tags \u003cimg src=\"https://www.pngitem.com/pimgs/m/112-1127775_transparent-vector-clipart-software-transparent-code-icon-png.png\" width=\"40\" height=\"40\"\u003e\n\u003cul\u003e\n\u003cli\u003eDOCTYPE! html – A doctype or document type declaration is an instruction that tells the web browser about the markup language in which the current page is written. It is not an element or tag. The doctype declaration is not case-sensitive.\u003c/li\u003e\n\n\u003cli\u003e html – This tag is used to define the root element of HTML document. This tag tells the browser that it is an HTML document. It is the second outer container element that contains all other elements within it.\u003c/li\u003e\n\n\u003cli\u003ehead– This tag is used to define the head portion of the HTML document that contains information related to the document. Elements within the head tag are not visible on the front-end of a webpage.\u003c/li\u003e\n\n\u003cli\u003e body– The body tag is used to enclose all the visible content of a webpage. In other words, the body content is what the browser will show on the front end.\u003c/li\u003e\n  \u003c/ul\u003e\n  \n---\n\n# CSS \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/css3/css3-plain-wordmark.svg\"  title=\"CSS\" alt=\"CSS\" width=\"40\" height=\"40\"/\u003e\u0026nbsp;\n--\u003e Cascading Style Sheets, fondly referred to as CSS, is a simply designed language intended to simplify the process of making web pages presentable.\u003cbr\u003e\u003cbr\u003e\n--\u003e CSS allows you to apply styles to web pages.\u003cbr\u003e\u003cbr\u003e\n--\u003e More importantly, CSS enables you to do this independently of the HTML that makes up each web page.\u003cbr\u003e\u003cbr\u003e\n--\u003e It describes how a webpage should look: it prescribes colours, fonts, spacing, and much more.\u003cbr\u003e\u003cbr\u003e\n--\u003e CSS lets developers and designers define how website behaves, including how elements are positioned in the browser.\u003cbr\u003e\u003cbr\u003e\n\n---\n# JavaScript \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/javascript/javascript-original.svg\" title=\"JavaScript\" alt=\"JavaScript\" width=\"40\" height=\"40\"/\u003e\n\n--\u003e JavaScript (JS) is a lightweight interpreted (or just-in-time compiled) programming language with first-class functions.\u003cbr\u003e\u003cbr\u003e \n--\u003e While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat.\u003cbr\u003e\u003cbr\u003e\n--\u003e JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles.\u003cbr\u003e\n\n---\n\n# Bootstrap \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/bootstrap/bootstrap-plain-wordmark.svg\"  title=\"Bootstrap\" alt=\"Bootstrap\" width=\"40\" height=\"40\"/\u003e\n\n--\u003e Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development.\u003cbr\u003e\u003cbr\u003e\n--\u003e It contains HTML, CSS and (optionally) JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.\u003cbr\u003e\u003cbr\u003e\n--\u003e The primary purpose of adding it to a web project is to apply Bootstrap's choices of color, size, font and layout to that project.\u003cbr\u003e\u003cbr\u003e\n--\u003e Bootstrap also comes with several JavaScript components which do not require other libraries like jQuery.\u003cbr\u003e\u003cbr\u003e\n--\u003e They provide additional user interface elements such as dialog boxes, tooltips, progress bars, navigation drop-downs, and carousels.\u003cbr\u003e\u003cbr\u003e\n--\u003e Each Bootstrap component consists of an HTML structure, CSS declarations, and in some cases accompanying JavaScript code.\u003cbr\u003e \n\n---\n# Mode of Execution Used  \u003cimg src=\"https://th.bing.com/th?id=OSAAS.67CE744F3AF9AB3181DA21630627453B\u0026w=80\u0026h=80\u0026o=6\u0026dpr=2\u0026pid=5.1\" title=\"Notepad++\" alt=\"Notepad++\" width=\"40\" height=\"40\"\u003e  \u0026nbsp;\n\u003ch2\u003eNotepad++\u003c/h2\u003e\n --\u003e To begin, visit the official website \u0026nbsp; \u003ca href=\"https://notepad-plus-plus.org/downloads/\"\u003e\u003cimg src=\"https://th.bing.com/th?id=OSAAS.67CE744F3AF9AB3181DA21630627453B\u0026w=80\u0026h=80\u0026o=6\u0026dpr=2\u0026pid=5.1\" title=\"Notepad++\" alt=\"Notepad++\" width=\"40\" height=\"40\"\u003e \u003c/a\u003e   \u003cbr\u003e\u003cbr\u003e\n--\u003e Download according to the platform being used like Linux, MacOs or Windows.\u003cbr\u003e\u003cbr\u003e\n--\u003e Follow the setup wizard.\u003cbr\u003e\u003cbr\u003e\n--\u003e After setup, we can write code in HTML and also in other languages.\u003cbr\u003e\u003cbr\u003e\n--\u003e To see the output of HTML code open document in any browser.\u003cbr\u003e\n\n## Thanks for Visiting 😄\n\nDrop a 🌟 if you find this repository useful.\u003cbr\u003e\u003cbr\u003e\nIf you have any doubts or suggestions, feel free to reach me.\u003cbr\u003e\u003cbr\u003e\n📫 How to reach me:  \u0026nbsp; [![Linkedin Badge](https://img.shields.io/badge/-madhurima-blue?style=flat\u0026logo=Linkedin\u0026logoColor=white)](https://www.linkedin.com/in/madhurima-rawat/) \u0026nbsp; \u0026nbsp;\n\u003ca href =\"mailto:rawatmadhurima4@gmail.com\"\u003e\u003cimg src=\"https://github.com/madhurimarawat/Machine-Learning-Using-Python/assets/105432776/b6a0873a-e961-42c0-8fbf-ab65828c961a\" height=35 width=30 title=\"Mail Illustration\" alt=\"Mail Illustration📫\" \u003e \u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadhurimarawat%2Fwebsite-frontend-developement","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmadhurimarawat%2Fwebsite-frontend-developement","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadhurimarawat%2Fwebsite-frontend-developement/lists"}