Skip to content

Commit e224052

Browse files
jangdmnjangdmn
committed
First try
1 parent 5dc3c7c commit e224052

File tree

1 file changed

+86
-30
lines changed

1 file changed

+86
-30
lines changed

‎src/index.html

+86-30
Original file line numberDiff line numberDiff line change
@@ -8,41 +8,97 @@
88
<title>HTML Portfolio</title>
99
</head>
1010
<body>
11+
<nav class="navbar navbar-default">
12+
<div class="container">
13+
<!-- Brand and toggle get grouped for better mobile display -->
14+
<div class="navbar-header">
15+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#portfolio-collapse-menu">
16+
<span class="sr-only">Toggle navigation</span>
17+
<span class="icon-bar"></span>
18+
<span class="icon-bar"></span>
19+
<span class="icon-bar"></span>
20+
</button>
21+
<a class="navbar-brand" href="#">Jan Goldmann</a>
22+
</div>
1123

12-
<!--
13-
Previous project placeholder begins
14-
-->
15-
<div class="header">
16-
<h1>Morgan McCircuit</h1>
17-
<h2>I write code</h2>
24+
<!-- Collect the nav links, forms, and other content for toggling -->
25+
<div class="collapse navbar-collapse" id="portfolio-collapse-menu">
26+
<ul class="nav navbar-nav">
27+
<li><a href="#">Home</a></li>
28+
<li><a href="#">About</a></li>
29+
</ul>
30+
</div>
31+
<!-- /.navbar-collapse -->
1832
</div>
33+
<!-- /.container-fluid -->
34+
</nav>
1935

20-
<div class="tagline">
21-
<h3>Who I am</h3>
22-
<p>Hi, my name is Morgan and I love to write code that is efficient.</p>
36+
<div id="portfolio-carousel" class="carousel slide" data-ride="carousel">
37+
<!-- Indicators -->
38+
<ol class="carousel-indicators">
39+
<li data-target="#portfolio-carousel" data-slide-to="0" class="active"></li>
40+
<li data-target="#portfolio-carousel" data-slide-to="1"></li>
41+
<li data-target="#portfolio-carousel" data-slide-to="2"></li>
42+
</ol>
43+
<div class="carousel-inner" role="listbox">
44+
<div class="item active">
45+
<div class="container">
46+
<div class="carousel-caption">
47+
<h1>Who i am</h1>
48+
<p>Batman.</p>
49+
</div>
50+
</div>
51+
</div>
52+
<div class="item">
53+
<div class="container">
54+
<div class="carousel-caption">
55+
<h1>What i Do</h1>
56+
<p>Crushing heads and fighting villains.</p>
57+
</div>
58+
</div>
59+
</div>
60+
<div class="item">
61+
<div class="container">
62+
<div class="carousel-caption">
63+
<h1>Where to find me</h1>
64+
<p>Whereever the Batsign is up.</p>
65+
</div>
66+
</div>
67+
</div>
2368
</div>
24-
25-
26-
<div class="skills">
27-
<h3>What I do</h3>
28-
<p>Here are some of the languages I use on a day-to-day.</p>
29-
<ul>
30-
<li>HTML</li>
31-
<li>CSS</li>
32-
<li>JavaScript</li>
33-
</ul>
34-
</div>
35-
36-
<div class="contact">
37-
<h3>Get in touch</h3>
38-
<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>
69+
<a class="left carousel-control" href="#portfolio-carousel" role="button" data-slide="prev">
70+
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
71+
<span class="sr-only">Previous</span>
72+
</a>
73+
<a class="right carousel-control" href="#portfolio-carousel" role="button" data-slide="next">
74+
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
75+
<span class="sr-only">Next</span>
76+
</a>
77+
</div>
78+
79+
<div class="row">
80+
<div class="col-md-4"><span class="glyphicon glyphicon-chevron-right">
81+
<h2>Fighting.</h2>
82+
<p>Fight n' Kill.</p>
83+
</span></div>
84+
<div class="col-md-4"><span class="glyphicon glyphicon-chevron-right">
85+
<h2>Eat.</h2>
86+
<p>Food.</p>
87+
</span></div>
88+
<div class="col-md-4"><span class="glyphicon glyphicon-chevron-right">
89+
<h2>Get some rest.</h2>
90+
<p>Bed.</p>
91+
</span></div>
92+
</div>
93+
<div class="marketing">
94+
95+
</div>
96+
<element class="footer">
97+
<div class="container">
98+
<h3>Stay in Touch with me.</h3>
99+
<p>Rise the Batsign up to the sky.</p>
39100
</div>
40-
<!--
41-
Previous project placeholder ends
42-
(unused pieces will be deleted at the last task)
43-
-->
44-
45-
101+
</element>
46102
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
47103
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
48104

0 commit comments

Comments
 (0)