no
This commit is contained in:
Lanta
parent
9865ee4e86
commit
8600f0f11c
3 changed files with 0 additions and 484 deletions
|
|
@ -1 +0,0 @@
|
||||||
loaderio-242450ea5caf1ae27700e4bd11d96dc6
|
|
||||||
|
|
@ -1,303 +0,0 @@
|
||||||
<!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>
|
|
||||||
|
|
@ -1,180 +0,0 @@
|
||||||
<!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 | Service 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 id="page-top" data-spy="scroll" data-target="#st-nav">
|
|
||||||
|
|
||||||
<!-- 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="#service-details">Contact Us</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Service Item
|
|
||||||
================================================== -->
|
|
||||||
<section class="service-item">
|
|
||||||
<div class="service-item-layer"></div>
|
|
||||||
|
|
||||||
<div class="container-fluid">
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="col-lg-12">
|
|
||||||
|
|
||||||
<div class="typed-headline">
|
|
||||||
<span class="skilltechtypetext">
|
|
||||||
<span class="typed-cursor">|</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<!-- /.typed-headline -->
|
|
||||||
|
|
||||||
<div class="service-headline-text">
|
|
||||||
<p>"Patience, persistence and perspiration make an unbeatable combination for success."<br>
|
|
||||||
persistence and perspiration make an unbeatable</p>
|
|
||||||
|
|
||||||
<div class="service-item-read-more">
|
|
||||||
<a href="#service-details" class="arrow-down page-scroll">
|
|
||||||
<i class="fa fa-angle-down bounce" aria-hidden="true"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<!-- /.service-item-read-more -->
|
|
||||||
</div>
|
|
||||||
<!-- /.service-headline-text -->
|
|
||||||
</div>
|
|
||||||
<!-- /.col-lg-6 -->
|
|
||||||
</div>
|
|
||||||
<!-- /.row -->
|
|
||||||
</div>
|
|
||||||
<!-- /.container-fluid -->
|
|
||||||
</section>
|
|
||||||
<!-- /.service-item -->
|
|
||||||
|
|
||||||
<section class="service-item-details" id="service-details">
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="col-lg-12">
|
|
||||||
|
|
||||||
<div class="service-text">
|
|
||||||
<h3>Unbelievable <span>Theme Design</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="service-form">
|
|
||||||
<h3>Get this cool <span>Service</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>
|
|
||||||
<!-- /.service-form -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Footer
|
|
||||||
================================================== -->
|
|
||||||
<footer>
|
|
||||||
<p>Copyright © 2017 -<a href="http://www.skilltechwebdesign.com"> SkillTech</a></p>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- Scritps
|
|
||||||
================================================== -->
|
|
||||||
<!-- 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>
|
|
||||||
<!-- Custom Particle Theme JavaScript -->
|
|
||||||
<script>
|
|
||||||
var sentences = ["Theme Design"];
|
|
||||||
</script>
|
|
||||||
<script src="assets/js/custom/service-item.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue