609 lines
No EOL
28 KiB
HTML
609 lines
No EOL
28 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>Project 1</title>
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta name="description" content="Web Developer, Graphic Artist and User Experiance Designer.">
|
|
<meta name="keywords" content="web developer, web design, web designer, graphic design, user experiance, wordpress" />
|
|
<meta name="author" content="Milanese Steven">
|
|
<link rel="canonical" href="developtheweb.github.io/">
|
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
|
|
|
|
<!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
|
|
<link rel="stylesheet" href="/style.css">
|
|
|
|
<!-- Google verification -->
|
|
|
|
|
|
<!-- Bing Verification -->
|
|
|
|
|
|
<!-- Custom Fonts -->
|
|
<link rel="stylesheet" href="/css/font-awesome/css/font-awesome.min.css">
|
|
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
|
|
<link href="//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
|
|
|
|
<!-- 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" class="index">
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
<div class="container">
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
<div class="navbar-header page-scroll">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="#page-top">Steven Milanese</a>
|
|
</div>
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li class="hidden">
|
|
<a href="#page-top"></a>
|
|
</li>
|
|
<li class="page-scroll">
|
|
<a href="#portfolio">Portfolio</a>
|
|
</li>
|
|
<li class="page-scroll">
|
|
<a href="#about">About</a>
|
|
</li>
|
|
<li class="page-scroll">
|
|
<a href="#contact">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- /.navbar-collapse -->
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
</nav>
|
|
<!-- Header -->
|
|
<header>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img class="img-responsive" src="img/profile.png" alt="profile-pic" />
|
|
<div class="intro-text">
|
|
<span class="name">Steven Milanese</span>
|
|
<hr class="star-light" />
|
|
<span class="skills">Web Developer - Graphic Artist - User Experience Designer</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<!-- Portfolio Grid Section -->
|
|
<section id="portfolio">
|
|
<div class="container portfolio-flex-grid">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2>Portfolio</h2>
|
|
<hr class="star-primary">
|
|
</div>
|
|
</div>
|
|
<div class="portfolio-flex-row">
|
|
|
|
<div class="portfolio-flex-item portfolio-item">
|
|
<a href="#portfolioModal-1" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/cabin.png" class="img-responsive" alt="image-alt">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="portfolio-flex-item portfolio-item">
|
|
<a href="#portfolioModal-2" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/cake.png" class="img-responsive" alt="image-alt">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="portfolio-flex-item portfolio-item">
|
|
<a href="#portfolioModal-3" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/circus.png" class="img-responsive" alt="image-alt">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="portfolio-flex-item portfolio-item">
|
|
<a href="#portfolioModal-4" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/game.png" class="img-responsive" alt="image-alt">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="portfolio-flex-item portfolio-item">
|
|
<a href="#portfolioModal-6" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/submarine.png" class="img-responsive" alt="image-alt">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="portfolio-flex-item portfolio-item">
|
|
<a href="#portfolioModal-5" class="portfolio-link" data-toggle="modal">
|
|
<div class="caption">
|
|
<div class="caption-content">
|
|
<i class="fa fa-search-plus fa-3x"></i>
|
|
</div>
|
|
</div>
|
|
<img src="img/portfolio/safe.png" class="img-responsive" alt="image-alt">
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- About Section -->
|
|
<section class="success" id="about">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2>About</h2>
|
|
<hr class="star-light">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-lg-offset-2">
|
|
<p>Hello, my name is Steven Milanese and I'm a Freelance Web Developer. I have over fifteen years of industry experiance, and have been a part of design and development projects for many exceptional companies during those years, including <a href="https://tess.global" style="color:#cfe7fe";>Tactful Elite Security Solutions</a>, <a href="tradewind.builders" style="color:#cfe7fe";>Trade Wind Builders</a>, <a href="poolcare.services" style="color:#cfe7fe";>Island Leisure</a> and many others.</p>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<p>I specialize in standards based HTML, CSS, JavaScript and PHP web development. Each site I develop is built to be search engine friendly, using the latest development principles and techniques. To find out more about what I can do for you, check out my work below, or get a hold of me by filling out the form below or by phone at <a href="tel:3214741021" style="color:#cfe7fe";>321-474-1021</a>.</p>
|
|
</div>
|
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
|
<a href="https://stevenmilanese.com/stevenmilanese.vcf" class="btn btn-lg btn-outline">
|
|
<i class="fa fa-download"></i> Download vCard
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2>Contact Me</h2>
|
|
<hr class="star-primary">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<form action="//formspree.io/f/mrgovrza" method="POST" name="sentMessage" id="contactForm" novalidate>
|
|
<div class="row control-group">
|
|
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
<label for="name">Name</label>
|
|
<input type="text" name="name" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<div class="row control-group">
|
|
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
<label for="email">Email Address</label>
|
|
<input type="email" name="_replyto" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<input type="hidden" name="_subject" value="New submission!">
|
|
<input type="text" name="_gotcha" style="display:none" />
|
|
</div>
|
|
<div class="row control-group">
|
|
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
<label for="message">Message</label>
|
|
<textarea rows="5" name="message" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div id="success"></div>
|
|
<div class="row">
|
|
<div class="form-group col-xs-12">
|
|
<button type="submit" class="btn btn-success btn-lg">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<!-- Footer -->
|
|
<footer class="text-center">
|
|
<div class="footer-above">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="footer-col col-md-4">
|
|
<h3>Contact Info</h3>
|
|
<p>
|
|
|
|
1317 Edgewater Dr 2313, <br>
|
|
|
|
Orlando FL 32804 <br>
|
|
|
|
(321)474-1021 <br>
|
|
|
|
</p>
|
|
</div>
|
|
<div class="footer-col col-md-4">
|
|
<h3>Lets Connect</h3>
|
|
<ul class="list-inline">
|
|
|
|
<li>
|
|
<a href="http://twitter.com/developtheweb" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://www.linkedin.com/in/stevenmilanese/" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="http://github.com/developtheweb" class="btn-social btn-outline"><i class="fa fa-fw fa-github"></i></a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="footer-col col-md-4">
|
|
<h3>Credits</h3>
|
|
<p>DevelopTheWeb theme built on <a href="http://startbootstrap.com">Bootstrap</a>.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-below">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
Copyright © Steven Milanese 2021
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
|
|
<div class="scroll-top page-scroll visible-xs visible-sm">
|
|
<a class="btn btn-primary" href="#page-top">
|
|
<i class="fa fa-chevron-up"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Portfolio Modals -->
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal-1" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<h2>Project 1</h2>
|
|
<hr class="star-primary">
|
|
<img src="img/portfolio/cabin.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p><a href="https://tess.global" class="btn btn-lg btn-outline"> <i class="fa fa-download"></i> Download vCard </a></p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong><a href="http://startbootstrap.com">Tactful Elite Security Solutions</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong><a href="http://startbootstrap.com">January 2021</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong><a href="http://startbootstrap.com">Web Development</a>
|
|
</strong>
|
|
</li>
|
|
|
|
</ul>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal-2" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<h2>Project 2</h2>
|
|
<hr class="star-primary">
|
|
<img src="img/portfolio/cake.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>Use this area of the page to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong><a href="http://startbootstrap.com">April 2014</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong><a href="http://startbootstrap.com">Web Development</a>
|
|
</strong>
|
|
</li>
|
|
|
|
</ul>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal-3" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<h2>Project 3</h2>
|
|
<hr class="star-primary">
|
|
<img src="img/portfolio/circus.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>Use this area of the page to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong><a href="http://startbootstrap.com">April 2014</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong><a href="http://startbootstrap.com">Web Development</a>
|
|
</strong>
|
|
</li>
|
|
|
|
</ul>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal-4" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<h2>Project 4</h2>
|
|
<hr class="star-primary">
|
|
<img src="img/portfolio/game.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>Use this area of the page to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong><a href="http://startbootstrap.com">April 2014</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong><a href="http://startbootstrap.com">Web Development</a>
|
|
</strong>
|
|
</li>
|
|
|
|
</ul>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal-6" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<h2>Project 6</h2>
|
|
<hr class="star-primary">
|
|
<img src="img/portfolio/submarine.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>Use this area of the page to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong><a href="http://startbootstrap.com">April 2014</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong><a href="http://startbootstrap.com">Web Development</a>
|
|
</strong>
|
|
</li>
|
|
|
|
</ul>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioModal-5" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal">
|
|
<div class="lr">
|
|
<div class="rl">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<div class="modal-body">
|
|
<h2>Project 5</h2>
|
|
<hr class="star-primary">
|
|
<img src="img/portfolio/safe.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>Use this area of the page to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong><a href="http://startbootstrap.com">April 2014</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong><a href="http://startbootstrap.com">Web Development</a>
|
|
</strong>
|
|
</li>
|
|
|
|
</ul>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- jQuery Version 1.11.0 -->
|
|
<script src="/js/jquery-1.11.0.js"></script>
|
|
|
|
<!-- Bootstrap Core JavaScript -->
|
|
<script src="/js/bootstrap.min.js"></script>
|
|
|
|
<!-- Plugin JavaScript -->
|
|
<script src="/js/jquery.easing.min.js"></script>
|
|
<script src="/js/classie.js"></script>
|
|
<script src="/js/cbpAnimatedHeader.js"></script>
|
|
|
|
<!-- Contact Form JavaScript -->
|
|
<script src="/js/jqBootstrapValidation.js"></script>
|
|
|
|
<script src="/js/contact_me_static.js"></script>
|
|
|
|
|
|
<!-- Custom Theme JavaScript -->
|
|
<script src="/js/freelancer.js"></script>
|
|
|
|
|
|
|
|
</body>
|
|
</html> |