605 lines
No EOL
26 KiB
HTML
605 lines
No EOL
26 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/poolcare-services.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/steven-milanese.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/tess-global.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/accurate-defense-group.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/tough-chick-logo.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/tradewind-builders.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="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 using <a href="https://getbootstrap.com/">Bootstrap</a> and <a href="https://github.com/">github</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/poolcare-services.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>Island Leisure Pool & Spa - Satellite Beach, Florida.</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong><a href="https://poolcare.services">Island Leisure</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong>April 2021
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong>Web Development
|
|
</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/steven-milanese.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>StevenMilanese.com</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong><a href="https://stevenmilanese.com">Steven Milanese</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong>April 2021
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong>Vector Logo / Graphic Design
|
|
</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/tess-global.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>Tactful Elite Security Solutions is a global security services provider.</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong><a href="https://tess.global">Tactful Elite Security Solutions</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong>January 2021
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong>Web Development
|
|
</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/accurate-defense-group.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>Accurate Defense Group, Rockledge Florida</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong>Accurate Defense Group
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong>December 2015
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong>Vector Logo / Graphic Design
|
|
</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/tough-chick-logo.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>Tough Chick Fitness - Melbourne, Florida</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong>Tough Chick Fitness
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong>August 2015
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong>Vector Logo / Graphic Design
|
|
</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/tradewind-builders.png" class="img-responsive img-centered" alt="image-alt">
|
|
|
|
<p>Trade Wind Builders - Florida's Premier Custom Home Builders</p>
|
|
|
|
<ul class="list-inline item-details">
|
|
|
|
<li>Client:
|
|
<strong><a href="https://tradewind.builders">Trade Wind Builders</a>
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Date:
|
|
<strong>January 2008
|
|
</strong>
|
|
</li>
|
|
|
|
|
|
<li>Service:
|
|
<strong>Web Development
|
|
</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> |