Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added necessary comments in index.html #145

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Added necessary comments in index.html #145

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 25 additions & 22 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,33 +4,36 @@
<head> <!-- The <head> element is a container for all the head elements.
The <head> element can include a title for the document, scripts, styles, meta information, and more. -->
<meta charset="UTF-8">
<title>Demo Portfolio</title>
<title>Demo Portfolio</title> <!-- The <title> tag defines the title of the document.
The title must be text-only, and it is shown in the browser's title bar or in the page's tab. -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style.css"> <!-- The <link> tag defines the relationship between the current document and an external resource. -->
</head>

<body>
<body> <!-- The <body> element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. -->

<nav>
<ul id='navbar'>
<li><a href="#welcome-section">About</a></li>
<li><a href="#projects">Work</a></li>
<li><a href="#contact">Contact</a></li>
<nav> <!-- The <nav> tag defines a set of navigation links. -->
<ul id='navbar'> <!-- The <ul> tag defines an unordered (bulleted) list. -->
<li><a href="#welcome-section">About</a></li> <!-- The <li> tag defines a list item. -->
<li><a href="#projects">Work</a></li> <!-- The <a> tag defines a hyperlink, which is used to link from one page to another. -->
<li><a href="#contact">Contact</a></li> <!-- HREF is an attribute of the anchor tag, which is also used to identify sections within a document. -->
</ul>
</nav>

<div id="welcome-section" class="intro">
<h1>Hey, I'm Emisha</h1>
<p>A web developer</p>
<div id="welcome-section" class="intro"> <!-- The <div> tag is used as a container for HTML elements - which is then styled with CSS or manipulated with JavaScript. -->
<h1>Hey, I'm Emisha</h1> <!-- <h1> defines the most important heading. -->
<p>A web developer</p> <!-- The <p> tag defines a paragraph. -->
</div>

<div id="projects" class="work">
<h2 class="work-header">These are some of my projects..</h2>



<div id="projects" class="work"> <!-- The id attribute is most used to point to a style in a style sheet, and by JavaScript to manipulate the element with the specific id. -->
<!-- The class name can be used by CSS and JavaScript to perform certain tasks for elements with the specified class name. -->
<h2 class="work-header">These are some of my projects..</h2> <!-- The <h1> to <h6> tags are used to define HTML headings. -->


<a href="" class="project project-tile">
<img class="project-pic" src="images/projectbg1.png" alt="project">
<div class="project-title">Demo Project 1</div>
<img class="project-pic" src="images/projectbg1.png" alt="project"> <!-- The <img> tag is used to embed an image in an HTML page. -->
<div class="project-title">Demo Project 1</div> <!-- src - Specifies the path to the image
alt - Specifies an alternate text for the image, if the image for some reason cannot be displayed-->
</a>
<a href="" class="project project-tile">
<img class="project-pic" src="images/projectbg2.png" alt="project">
Expand All @@ -54,7 +57,7 @@ <h2 class="work-header">These are some of my projects..</h2>
</a>
<a href="" class="show-all" target="_blank">Show all</a>
</div>

<div id="contact" class="contact">
<div class="header">
<h1>Let's work together...</h1>
Expand All @@ -66,10 +69,10 @@ <h1>Let's work together...</h1>
<a href="mailto:" class="contact-details">Send a mail</a>
<a href="tel:" class="contact-details">Call me</a>
</div>
<footer>This is just a demo portfolio..

<footer>This is just a demo portfolio.. <!-- The <footer> tag defines a footer for a document or section.-->
<p>&copy; Created by <a href="https://getemisha.tech/" target="_blank">Emisha</a></p>
</footer>

</body>
</html>