100% found this document useful (1 vote)
2K views

Simple Portfolio Code HTML

The document is an HTML template for a portfolio website displaying images from Facebook. It includes sections for the website header, navigation menu, and main content area displaying multiple images with captions and links.

Uploaded by

Akshat Kharbanda
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
100% found this document useful (1 vote)
2K views

Simple Portfolio Code HTML

The document is an HTML template for a portfolio website displaying images from Facebook. It includes sections for the website header, navigation menu, and main content area displaying multiple images with captions and links.

Uploaded by

Akshat Kharbanda
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="en">
<head>
<title>FB page 2 website portfolio</title>
<meta charset="utf-8">
<meta name="author" content="bizamps.com">
<meta name="description" content="stunning responsive HTML5/CSS3 photogr
aphy/portfolio website template"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, mi
nimum-scale=1.0" />
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<header>
<div class="logo">
<a href="index.html"><img src="img/logo.png" title="Magn
etic" alt="Magnetic"/></a>
</div><!-- end logo -->
<div id="menu_icon"></div>
<nav>
<ul>
<li><a href="index.html" class="selected">Home</
a></li>
<li><a
<li><a
<li><a
<li><a

href="#">About Us</a></li>
href="#">Blogs from Notes in FB</a></li>
href="#">Gallery</a></li>
href="contact.html">Contact Us</a></li>

</ul>
</nav><!-- end navigation menu -->
<div class="footer clearfix">
<ul class="social clearfix">
<li><a href="#" class="fb" data-title="Facebook"
></a></li>
<li><a href="#" class="google" data-title="Googl
e +"></a></li>
<li><a href="#" class="behance" data-title="Beha
nce"></a></li>
<!--<li><a href="#" class="twitter" data-title="
Twitter"></a></li>
<li><a href="#" class="dribble" data-title="Drib
ble"></a></li>-->
<li><a href="#" class="rss" data-title="RSS"></a
></li>
</ul><!-- end social -->
<div class="rights">
<p>Copyright 2014 FB2Web.</p>
<p>Template by <a href="">bizamps.com</a></p>
</div><!-- end rights -->
</div ><!-- end footer -->
</header><!-- end header -->
<section class="main clearfix">
<div class="work">

<a href="inner.html">
<img src="img/work1.jpg" class="media" alt=""/>
<div class="caption">
<div class="work_title">
<h1>Image from Facebook latest p
hotos</h1>
</div>
</div>
</a>
</div>
<div class="work">
<a href="inner.html">
<img src="img/work2.jpg" class="media" alt=""/>
<div class="caption">
<div class="work_title">
<h1>Image from Facebook latest p
hotos</h1>
</div>
</div>
</a>
</div>
<div class="work">
<a href="inner.html">
<img src="img/work3.jpg" class="media" alt=""/>
<div class="caption">
<div class="work_title">
<h1>Image from Facebook latest p
hotos</h1>
</div>
</div>
</a>
</div>
<div class="work">
<a href="inner.html">
<img src="img/work4.jpg" class="media" alt=""/>
<div class="caption">
<div class="work_title">
<h1>Image from Facebook latest p
hotos</h1>
</div>
</div>
</a>
</div>
<div class="work">
<a href="inner.html">
<img src="img/work5.jpg" class="media" alt=""/>
<div class="caption">
<div class="work_title">
<h1>Image from Facebook latest p
hotos</h1>
</div>
</div>
</a>
</div>
<div class="work">

<a href="inner.html">
<img src="img/work6.jpg" class="media" alt=""/>
<div class="caption">
<div class="work_title">
<h1>Image from Facebook latest p
hotos</h1>
</div>
</div>
</a>
</div>
<div class="work">
<a href="inner.html">
<img src="img/work2.jpg" class="media" alt=""/>
<div class="caption">
<div class="work_title">
<h1>Image from Facebook latest p
hotos</h1>
</div>
</div>
</a>
</div>
<div class="work">
<a href="inner.html">
<img src="img/work3.jpg" class="media" alt=""/>
<div class="caption">
<div class="work_title">
<h1>Image from Facebook latest p
hotos</h1>
</div>
</div>
</a>
</div>
<div class="work">
<a href="inner.html">
<img src="img/work1.jpg" class="media" alt=""/>
<div class="caption">
<div class="work_title">
<h1>Image from Facebook latest p
hotos</h1>
</div>
</div>
</a>
</div>
</section><!-- end main -->
</body>
</html>

You might also like