This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- index.html --> | |
<main class="container mt-3"> | |
<!-- content... --> | |
<div class="row"> | |
<article class="col-md-8"> | |
<h1>Welcome to my personal website!</h1> | |
<p class="lead">I am web developer, designer, and just a good person.</p> | |
</article> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- index.html --> | |
<main class="container mt-3"> | |
<div class="row"> | |
<article class="col-md-8"> | |
<h1>Welcome to my personal website!</h1> | |
<p class="lead">I am web developer, designer, and just a good person.</p> | |
<div class="row"> | |
<blockquote class="blockquote col-md"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<main class="container mt-3"> | |
<h1>My Portfolio</h1> | |
<div class="card"> | |
<div class="card-body"> | |
<h5 class="card-title">Project X</h5> | |
<p class="card-text">A very cool website created by me</p> | |
<a href="#" class="btn btn-primary">Check it</a> | |
<a href="#" class="btn btn-secondary">Source code</a> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<main class="container mt-3"> | |
<h1>My Portfolio</h1> | |
<div class="row"> | |
<div class="col-md-4 col-sm-6 mt-4"> | |
<div class="card"> | |
<div class="card-body"> | |
<h5 class="card-title">Project X</h5> | |
<p class="card-text">A very cool website created by me</p> | |
<a href="#" class="btn btn-primary">Check it</a> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<main class="container mt-3"> | |
<h1>My Portfolio</h1> | |
<div class="row"> | |
<div class="col-md-4 col-sm-6 mt-4"> | |
<div class="card"> | |
<img class="card-img-top" src="https://via.placeholder.com/500x150"> | |
<div class="card-body"> | |
<h5 class="card-title">Project X</h5> | |
<p class="card-text">A very cool website created by me</p> | |
<a href="#" class="btn btn-primary">Check it</a> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="col-md-4 col-sm-6 mt-4"> | |
<div class="card"> | |
<img class="card-img-top" src="https://via.placeholder.com/500x150"> | |
<div class="card-body"> | |
<h5 class="card-title">Project Y</h5> | |
<p class="card-text">A very cool website created by me. I was in charge of:</p> | |
</div> | |
<ul class="list-group list-group-flush"> | |
<li class="list-group-item">Drinking coffee</li> | |
<li class="list-group-item">Playing WoW</li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<main class="container mt-3"> | |
<h1>My Portfolio</h1> | |
<div class="row"> | |
<div class="col-md-4 col-sm-6 mt-4"> | |
<div class="card border-dark"> | |
<img class="card-img-top" src="https://via.placeholder.com/500x150"> | |
<div class="card-body"> | |
<h5 class="card-title">Project Y</h5> | |
<p class="card-text">A very cool website created by me. I was in charge of:</p> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<main class="container mt-3"> | |
<h1>My Portfolio</h1> | |
<div class="card-columns mt-5"> | |
<div class="card border-dark"> | |
<img class="card-img-top" src="https://via.placeholder.com/500x150"> | |
<div class="card-body"> | |
<h5 class="card-title">Project Y</h5> | |
<p class="card-text">A very cool website created by me. I was in charge of:</p> | |
</div> | |
<ul class="list-group list-group-flush"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<nav class="navbar navbar-dark bg-dark navbar-expand-md" role="navigation"> | |
<div class="container"> | |
<a class="navbar-brand" href="/">Personal Site</a> | |
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#globalNav" aria-controls="globalNav" aria-expanded="false" aria-label="Toggle navigation"> | |
<span class="navbar-toggler-icon"></span> | |
</button> | |
<div class="collapse navbar-collapse" id="globalNav"> | |
<ul class="navbar-nav mr-auto"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form> | |
<!-- ... --> | |
<div class="form-group"> | |
<input type="submit" value="Send!" class="btn btn-primary"> | |
</div> | |
</form> |