Skip to content
This repository was archived by the owner on Jul 15, 2021. It is now read-only.

finished! #6

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

finished! #6

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
91d79b2
finished!
malajustine Nov 20, 2016
572c4a7
changed h1 to h3
malajustine Nov 20, 2016
d5f1743
added aria hidden
malajustine Nov 20, 2016
b136d08
fixed glyphicon
malajustine Nov 21, 2016
0d8af02
Fixed cols
malajustine Nov 21, 2016
cc9a85f
add indent
malajustine Nov 21, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
126 changes: 97 additions & 29 deletions src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,43 +8,111 @@
<title>HTML Portfolio</title>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#portfolio-collapse-menu">
<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="#">Justyna Wasilewska</a>
</div>

<!--
Previous project placeholder begins
-->
<div class="header">
<h1>Morgan McCircuit</h1>
<h2>I write code</h2>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="portfolio-collapse-menu">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>

<div class="tagline">
<h3>Who I am</h3>
<p>Hi, my name is Morgan and I love to write code that is efficient.</p>
<!--carousel-->
<div id="portfolio-carousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#portfolio-carousel" data-slide-to="0" class="active"></li>
<li data-target="#portfolio-carousel" data-slide-to="1"></li>
<li data-target="#portfolio-carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="container">
<div class="carousel-caption">
<h1> Who I am </h1>
<p> Hi, my name is Justyna and I love to write code that is efficient. </p>
</div>
</div>
</div>
<div class="item">
<div class="container">
<div class="carousel-caption">
<h1> What I do </h1>
<p> Here are some of the languages I use on a day-to-day. </p>
</div>
</div>
</div>
<div class="item">
<div class="container">
<div class="carousel-caption">
<h1> Get in touch </h1>
<p> I live in the cloud and can't be seen. </p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#portfolio-carousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#portfolio-carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>


<div class="skills">
<h3>What I do</h3>
<p>Here are some of the languages I use on a day-to-day.</p>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<div class="marketing">
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>
<h2>HTML and CSS</h2>
<p>Easy and simple way to conquere the Internet</p>
</div>
<div class="col-md-4">
<span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
<h2>Bootstrap</h2>
<p>Nice way to go mobile with your site</p>
</div>
<div class="col-md-4">
<span class="glyphicon glyphicon-sunglasses" aria-hidden="true"></span>
<h2>Javascript</h2>
<p>Wonderful to use and make your website interactive!</p>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<h3>Feel free to get in touch with me!</h3>
<p>I will be appriciate if you would like to e-mail me => malajustine@gmail.com</p>
</div>
</footer>


<div class="contact">
<h3>Get in touch</h3>
<p>I live in the cloud and can't be seen. Send messages to the good people at <a target="_blank" href="https://twitter.com/codeschool">Code School</a> and they'll notify me.</p>
</div>
<!--
Previous project placeholder ends
(unused pieces will be deleted at the last task)
-->
Previous project placeholder ends
(unused pieces will be deleted at the last task)
-->


<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</body>
</html>