init
This commit is contained in:
thijs
commit
ac9945b918
95 changed files with 41056 additions and 0 deletions
303
portfolio-item.html
Normal file
303
portfolio-item.html
Normal file
|
|
@ -0,0 +1,303 @@
|
|||
<!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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue