Skip to content

SwaraJN/SPORTSJAMCLONE

Repository files navigation

SPORTSJAMCLONE

SPORTSJAMCLONE Clone of Sportsjam.in

Hello There, My Name is Swaraj Nikam currently i'm learning in Masai School This was my Second unit Project in masai school.

In the end of the unit two we got the project to make Clone of an application. I was alloted to the make clone of https://www.sportsjam.in/

Well its a application where you can buy all the products related sports. image

What are the equipment used in sports?

The equipment ranges from balls, nets, and protective gear like helmets. Sporting equipment can be used as protective gear or a tool used to help the athletes play the sport. ... image

Protective equipment

Football helmet.

Jock strap.

Mouthguards.

Shin pads.

Ski suits.

Elbow pads.

Shoulder pads.

Bicycle helmet.

There are more items you can buy...

Well to make clone of its really challenging for me but as a persuing of developer i love to take more challengs like that.

I've done this with the help of HTML CSS & JAVASCRIPT and some steps of JSON .

https://www.sportsjam.in/ image

Additional Information

With the help of html i was able to make the front part of the application HTML elements are the building blocks of HTML pages.

HTML

The declaration defines this document to be HTML5

The element is the root element of an HTML page

The lang attribute defines the language of the document

The element contains meta information about the document

The charset attribute defines the character set used in the document

The <title> element specifies a title for the document

The element contains the visible page content

The

element defines a large heading

The

element defines a paragraph

CSS Syntax

A CSS rule consists of a selector and a declaration block:

The selector points to the HTML element to style (h1).

The declaration block (in curly braces) contains one or more declarations separated by semicolons.

Each declaration includes a CSS property name and a value, separated by a colon.

External Style Sheet

A CSS style sheet can be stored in an external file

JAVASCRIPTS VARIABLE

JavaScript variables are containers for storing data values.

What can JavaScript Do?

JavaScript Can Change HTML Content JavaScript Can Change HTML Attribute Values JavaScript Can Change HTML Styles (CSS) JavaScript Can Hide HTML Elements JavaScript Can Show HTML Elements

The HTML DOM (Document Object Model)

When a web page is loaded, the browser creates a Document Object Model of the page.

The HTML DOM model is constructed as a tree of Objects:

Finding HTML Elements

When you want to access HTML elements with JavaScript, you have to find the elements first.

There are a couple of ways to do this:

Finding HTML elements by id Finding HTML elements by tag name Finding HTML elements by class name Finding HTML elements by CSS selectors Finding HTML elements by HTML object collections

🔗 Links

github linkedin



![Logo](https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/userimages/logo.jpg)


## Authors

@abhishekmishra