Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
198 lines (187 sloc) 9.41 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="https://raw.githubusercontent.com/stackery/stackery-quickstart/master/src/getWelcomePage/favicon.ico">
<title>Hello, Stackery | Serverless Development for Teams</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/stackery/stackery-quickstart@43499a6e1d7444dfbf20a99e554cec63af3636ce/src/getWelcomePage/welcome.css"/>
</head>
<body data-spy="scroll" data-target="#top-nav" data-offset="0">
<nav class="navbar fixed-top navbar-expand-lg navbar-dark" id="top-nav">
<!-- Replace this with your name or company -->
<a class="navbar-brand abs" href="#">Serverless Portfolio Template</a>
<!-- Mobile view button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navigation menu -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a data-scroll class="nav-link active" href="#">Home</a>
</li>
<li class="nav-item">
<a data-scroll class="nav-link" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a data-scroll class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<main>
<!-- Home container -->
<section id="home">
<div class="container text-center">
<!-- Replace this image with your picture or logo -->
<img width="300px" src="https://raw.githubusercontent.com/stackery/stackery-quickstart/master/src/getWelcomePage/logo.png" class="rounded-circle" alt="Profile picture">
<!-- Replace this with your name and headline -->
<h1 class="cover-heading">Hello, Serverless Developer</h1>
<hr/>
<p class="lead">Serverless developer - DevOps - Software engineer</p>
<p class="lead">
<a href="#portfolio" class="btn btn-lg btn-secondary">Learn more</a>
</p>
</div>
</section>
<!-- Portfolio section -->
<section id="portfolio">
<div class="container">
<h1 class="text-center">My Portfolio</h1>
<div class="row">
<div class="col-md-4 text-center">
<div class="card mb-4 box-shadow">
<div class="card-image-placeholder"></div>
<div class="card-body">
<h2>My Project</h2>
<p class="card-text">Read all about it</p>
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">Website</button>
<button type="button" class="btn btn-sm btn-outline-secondary">GitHub</button>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="card mb-4 box-shadow">
<div class="card-image-placeholder"></div>
<div class="card-body">
<h2>Another Project</h2>
<p class="card-text">Read all about it</p>
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">Website</button>
<button type="button" class="btn btn-sm btn-outline-secondary">GitHub</button>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="card mb-4 box-shadow">
<div class="card-image-placeholder"></div>
<div class="card-body">
<h2>A Third Project</h2>
<p class="card-text">Read all about it</p>
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">Website</button>
<button type="button" class="btn btn-sm btn-outline-secondary">GitHub</button>
</div>
</div>
</div>
</div>
</div>
<h1 class="text-center"><a data-scroll href="#contact"><i class="fas fa-chevron-circle-down"></i></a></h1>
</div>
</section>
<!-- Contact form section -->
<section id="contact">
<div class="container">
<h1 class="text-center">Contact Me</h1>
<form>
<div class="form-row">
<div class="form-group col-md-6">
<label for="name"></label>
<input type="text" class="form-control" id="name" placeholder="Your Name">
</div>
<div class="form-group col-md-6">
<label for="email"></label>
<input type="email" class="form-control" id="email" placeholder="email@example.com">
</div>
</div>
<div class="form-group">
<label for="message"></label>
<textarea class="form-control" id="message" rows="3" placeholder="Write your message here"></textarea>
</div>
<div class="float-right"><button type="submit" class="btn btn-lg btn-outline-secondary">Send</button></div>
</form>
<div class="alert alert-secondary" role="alert">
Your contact form doesn't do anything yet, but this would be a good place to incorporate a serverless contact form. You can create one with Stackery following our <a href="https://docs.stackery.io/docs/tutorials/serverless-form-tutorial/" target="_blank">serverless contact form tutorial</a>!
</div>
</div>
</section>
<!-- Main footer -->
<section id="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<h4 class="text-uppercase mb-4">About</h4>
<!-- Add a short bio here -->
<p class="mb-0">The Serverless Portfolio Template is a free to use template created by
<a href="https://stackery.io" target="_blank">Stackery</a> as part of the <a href="https://docs.stackery.io/docs/tutorials/quickstart/" target="_blank">Quickstart Tutorial</a>.</p>
</div>
<div class="col-md-2"></div>
<div class="col-md-4 mb-5 mb-lg-0">
<h4 class="text-uppercase">Social Links</h4>
<!-- Add your own links here -->
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a class="btn-social" href="#">
<i class="fab fa-github-square fa-2x"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-social" href="#">
<i class="fab fa-twitter fa-2x"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-social" href="#">
<i class="fab fa-linkedin fa-2x"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-social" href="#">
<i class="fab fa-facebook fa-2x"></i></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Copyright footer -->
<footer>
<div class="container">
<p>Copyright information here. <a data-scroll href="#home">Back to top.</a></p>
</div>
</footer>
</main>
<!-- Bootstrap core JavaScript -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://unpkg.com/popper.js@1.12.6/dist/umd/popper.js" integrity="sha384-fA23ZRQ3G/J53mElWqVJEGJzU0sTs+SvzG8fXVWP+kJQ1lwFAOkcUOysnlKJC33U" crossorigin="anonymous"></script>
<script src="https://unpkg.com/bootstrap-material-design@4.1.1/dist/js/bootstrap-material-design.js" integrity="sha384-CauSuKpEqAFajSpkdjv3z9t8E7RlpJ1UP0lKM/+NdtSarroVKu069AlsRPKkFBz9" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
<script type="text/javascript">
$('body').scrollspy({ target: '#top-nav'})
var scroll = new SmoothScroll('a[href*="#"]');
</script>
</body>
</html>