-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (81 loc) · 3.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width" , initial-scale=1/>
<meta name="author" content="Bio">
<meta name="description" content="Heidi's Bio">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Lato|Montserrat:200i,300,400,600i,700" rel="stylesheet">
<title>Cat Bite Designs</title>
</head>
<body>
<nav>
<ul class="nav masthead-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="https://codepen.io/heidihlav/pen/zwgyzy">Resume</a></li>
</ul>
</nav>
<div class="site-wrapper">
<div class="site-wrapper-inner">
<div class="cover-container">
<div class="masthead clearfix">
<div class="inner">
</div>
</div>
<div class="inner cover">
<h1 class="cover-heading">CAT BITE DESIGNS</h1>
<p class="lead">
<a href="#home"><img src="bhindibitemedea.jpg" alt="Cats"></a>
</p>
</div>
<div class="mastfoot">
<div class="inner">
<p>Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p>
</div>
</div>
</div>
</div>
</div>
<!--About Me section-->
<div class="jumbotron">
<h1>ABOUT ME</h1>
<img src="Heidi Resume Headshot.jpg" alt="Picture of Heidi" width="200" height="265">
<p class="lead">I'm a designer and developer working in Houston, TX. Cat Bite Designs is named after my two cats, Bhindi and Medea. They are awesome and sometimes dysfunctional. Much like life. And design and coding.</p>
</div>
<!-- Three columns of photos as Portfolio Section-->
<div class="container marketing">
<div class="row">
<div class="col-lg-4">
<img class="img-portfolio" src="Blog-screenshot.png" alt="Blog" width="300" height="200">
<h2>Dev Tools Blog</h2>
<p><a class="btn btn-default" href="#" role="button">See More</a></p>
</div>
<!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-portfolio" src="Checkpoint1-screenshot.png" alt="Cat Shelter site" width="300" height="200">
<h2>Heidi's Cat Haven</h2>
<p><a class="btn btn-default" href="#" role="button">See More</a></p>
</div>
<!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-portfolio" src="WriteBack-screenshot.png" alt="WriteBack" width="300" height="200">
<h2>Project WriteBack</h2>
<p><a class="btn btn-default" href="#" role="button">See More</a></p>
</div>
<!-- /.col-lg-4 -->
</div>
<!-- /.row -->
</div>
</body>
</html>