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 the explanations of the html tags #135

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

added the explanations of the html tags #135

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
36 changes: 18 additions & 18 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,54 +1,54 @@
<!DOCTYPE html>
<!DOCTYPE html> <!--<!doctype>tag is used to give the details of the version of html used-->
<html lang="en" >

<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>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <!--<link> tag defines a link between a document andan external resource-->
<link rel="stylesheet" href="css/style.css">
</head>

<body>
<body> <!--<body>tag is used to contain a web page's content including hyperlinks, images, tables, text, etc.-->

<nav>
<ul id='navbar'>
<li><a href="#welcome-section">About</a></li>
<nav> <!--<nav> tag defines a set of navigation list-->
<ul id='navbar'> <!--<ul> tag is used to designate an unordered list-->
<li><a href="#welcome-section">About</a></li> <!--<li> tag is used to create bullet points-->
<li><a href="#projects">Work</a></li>
<li><a href="#contact">Contact</a></li>
</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"> <!--<div> tag is used to create divisions to make a clean code-->
<h1>Hey, I'm Emisha</h1> <!--<h1> tag is used for the most important heading and create the largest characters-->
<p>A web developer</p> <!--<p> tag is used to create a paragraph-->
</div>

<div id="projects" class="work">
<h2 class="work-header">These are some of my projects..</h2>
<h2 class="work-header">These are some of my projects..</h2> <!--<h2> tag is used for the second most important heading and creates the second largest characters -->


<a href="" class="project project-tile">
<img class="project-pic" src="images/projectbg1.png" alt="project">
<a href="" class="project project-tile"> <!--<a> tag defines a hyperlink that is it connects one page with another-->
<img class="project-pic" src="images/projectbg1.png" alt="project"> <!--<img> tag is used to insert some image-->
<div class="project-title">Demo Project 1</div>
</a>
<a href="" class="project project-tile">
<a href="" class="project project-tile">
<img class="project-pic" src="images/projectbg2.png" alt="project">
<div class="project-title">Demo Project 2</div>
</a>
<a href="" class="project project-tile">
<a href="" class="project project-tile">
<img class="project-pic" src="images/projectbg3.png" alt="project">
<div class="project-title">Demo Project 3</div>
</a>
<a href="" target="_blank" class="project project-tile">
<a href="" target="_blank" class="project project-tile">
<img class="project-pic" src="images/projectbg4.png" alt="project">
<div class="project-title">Demo Project 4</div>
</a>
<a href="" target="_blank" class="project project-tile">
<a href="" target="_blank" class="project project-tile">
<img class="project-pic" src="images/projectbg5.png" alt="project">
<div class="project-title">Demo Project 5</div>
</a>
<a href="" class="project project-tile">
<a href="" class="project project-tile">
<img class="project-pic" src="images/projectbg6.png" alt="project">
<div class="project-title">Demo Project 6</div>
</a>
Expand All @@ -67,7 +67,7 @@ <h1>Let's work together...</h1>
<a href="tel:" class="contact-details">Call me</a>
</div>

<footer>This is just a demo portfolio..
<footer>This is just a demo portfolio.. <!--<footer> tag is simply used to add some links or message in the foot of website or page-->
<p>&copy; Created by <a href="https://getemisha.tech/" target="_blank">Emisha</a></p>
</footer>

Expand Down