303 lines
No EOL
12 KiB
HTML
303 lines
No EOL
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
|
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<title>Particle Theme | Portfolio Item</title>
|
|
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
|
|
|
<!-- Fonts -->
|
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700%7CTitillium+Web:200,300,400,600,700&subset=latin-ext" rel="stylesheet">
|
|
<link href="assets/fonts/material-icons/material-icons.css" rel="stylesheet">
|
|
<link href="assets/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
|
|
|
<!-- Libraries CSS -->
|
|
<link href="assets/css/libraries/bootstrap.css" rel="stylesheet">
|
|
<link href="assets/css/libraries/animate.css" rel="stylesheet">
|
|
|
|
<!-- Custom CSS -->
|
|
<link href="assets/css/custom/theme.css" rel="stylesheet">
|
|
<link href="assets/css/custom/colors.css" rel="stylesheet">
|
|
|
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Navigation Menu
|
|
================================================== -->
|
|
<header>
|
|
<div id="st-logo"><a href="#0"><img src="assets/images/logo-normal.png" alt="Logo"></a></div>
|
|
</header>
|
|
|
|
<div id="st-nav">
|
|
<a href="#0" class="st-nav-trigger">Menu<span></span></a>
|
|
|
|
<nav id="st-main-nav">
|
|
<ul>
|
|
<li>
|
|
<a class="page-scroll hvr-underline-from-center" href="index.html#page-top">Home</a>
|
|
</li>
|
|
<li>
|
|
<a class="page-scroll hvr-underline-from-center" href="index.html#our-work">Our Work</a>
|
|
</li>
|
|
<li>
|
|
<a class="page-scroll hvr-underline-from-center" href="index.html#about">About Us</a>
|
|
</li>
|
|
<li>
|
|
<a class="page-scroll hvr-underline-from-center" href="index.html#services">Services</a>
|
|
</li>
|
|
<li>
|
|
<a class="page-scroll hvr-underline-from-center" href="index.html#skills">Our Skills</a>
|
|
</li>
|
|
<li>
|
|
<a class="page-scroll hvr-underline-from-center" href="index.html#contact">Contact Us</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- Portfolio Item
|
|
================================================== -->
|
|
<section class="portfolio-item">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="portfolio-headline">
|
|
<div id="particles-js"></div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
|
|
<div class="typed-headline">
|
|
<span class="skilltechtypetext">
|
|
<span class="typed-cursor">|</span>
|
|
</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusamus architecto
|
|
aut consequatur.</p>
|
|
</div>
|
|
<!-- /.typed-headline -->
|
|
|
|
<a href="#" class="btn btn-default pull-right hvr-sweep-to-right" id="project-info">Project Info</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<!-- /.col-lg-6 -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
</section>
|
|
|
|
<section class="portfolio-item-details" id="portfolio-details">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<div class="col-lg-8 col-md-12">
|
|
|
|
<div class="portfolio-text">
|
|
<h3>About the <span>project</span></h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.
|
|
Sed
|
|
cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis
|
|
sagittis
|
|
ipsum. Praesent mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec
|
|
odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh
|
|
elementum
|
|
imperdiet. Duis sagittis ipsum. Praesent mauris.
|
|
</p>
|
|
</div>
|
|
<!-- /.service-text -->
|
|
|
|
<div class="portfolio-useful-links">
|
|
<h3>Useful <span>links</span></h3>
|
|
<ul class="list-inline portfolio-icons">
|
|
<li>
|
|
<a href="#">
|
|
<i class="material-icons">laptop</i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="material-icons">description</i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="material-icons">done_all</i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="fa fa-facebook" aria-hidden="true"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="fa fa-behance" aria-hidden="true"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- /.list-inline -->
|
|
</div>
|
|
|
|
<div class="portfolio-download-links">
|
|
<h3>Download <span>links</span></h3>
|
|
<ul class="list-inline portfolio-icons">
|
|
<li>
|
|
<a href="#">
|
|
<i class="material-icons">laptop</i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="material-icons">description</i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="material-icons">done_all</i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- /.list-inline -->
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-12">
|
|
<ul class="portfolio-info">
|
|
<li>
|
|
<p class="first">Project Name</p>
|
|
<p class="second">Awesome project</p>
|
|
</li>
|
|
<li>
|
|
<p class="first">Created By</p>
|
|
<p class="second">John Smith</p>
|
|
</li>
|
|
<li>
|
|
<p class="first">Client</p>
|
|
<p class="second">Microsoft</p>
|
|
</li>
|
|
<li>
|
|
<p class="first">Budget</p>
|
|
<p class="second">$50,000.000</p>
|
|
</li>
|
|
<li>
|
|
<p class="first">Completion Date</p>
|
|
<p class="second">May 30th 2017</p>
|
|
</li>
|
|
<li>
|
|
<p class="first">Project Type</p>
|
|
<p class="second">Web Development</p>
|
|
</li>
|
|
<li>
|
|
<p class="first">Project Length</p>
|
|
<p class="second">3 months</p>
|
|
</li>
|
|
<li>
|
|
<p class="first">Skills Used</p>
|
|
<p class="second">JavaScript, PHP</p>
|
|
</li>
|
|
<li>
|
|
<p class="first">Project Manager</p>
|
|
<p class="second">Dejan Stankovic</p>
|
|
</li>
|
|
</ul>
|
|
<!-- /.list-inline -->
|
|
</div>
|
|
|
|
<div class="col-lg-12 col-md-12">
|
|
<div class="portfolio-form">
|
|
<h3>Get <span>Involved</span></h3>
|
|
<form>
|
|
<div class="form-group">
|
|
<label for="name">Name: </label>
|
|
<input type="text" id="name" name="name" class="form-control">
|
|
</div>
|
|
<!-- /.form-group -->
|
|
|
|
<div class="form-group">
|
|
<label for="email">Email: </label>
|
|
<input type="email" id="email" name="email" class="form-control">
|
|
</div>
|
|
<!-- /.form-group -->
|
|
|
|
<div class="form-group">
|
|
<label for="message">Message: </label>
|
|
<textarea id="message" name="message" class="form-control" rows="3"></textarea>
|
|
</div>
|
|
<!-- /.form-group -->
|
|
|
|
<button type="submit" class="btn btn-default">Submit</button>
|
|
</form>
|
|
</div>
|
|
<!-- /.portfolio-form -->
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- Footer
|
|
================================================== -->
|
|
<footer>
|
|
<p>Copyright © 2017 -<a href="http://www.skilltechwebdesign.com"> SkillTech</a></p>
|
|
</footer>
|
|
|
|
<!-- Scripts
|
|
================================================== -->
|
|
<!-- jQuery -->
|
|
<script src="assets/js/libraries/jquery-2.2.4.js"></script>
|
|
|
|
<!-- Bootstrap Core JavaScript -->
|
|
<script src="assets/js/libraries/bootstrap.js"></script>
|
|
|
|
<!-- JavaScript Libraries -->
|
|
<script src="assets/js/libraries/typed.js"></script>
|
|
<script src="assets/js/libraries/wow.js"></script>
|
|
<script src="assets/js/libraries/particles.js"></script>
|
|
|
|
<!-- Custom Particle Theme JavaScript -->
|
|
<script>
|
|
var sentences = ["Coolest Portfolio Item"];
|
|
</script>
|
|
<script src="assets/js/custom/portfolio-item.js"></script>
|
|
</body>
|
|
</html> |