Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
21 changes: 15 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,12 +1,21 @@
<!DOCTYPE html>

<html lang="en">
<html>
<head>
<meta charset="utf-8">

<title></title>
<meta charset="utf-8">
<title>Jacklyn Carroll</title>
</head>
<body>

<div class="main">
<h1>JACKLYN CARROLL</h1>
<ul>
<li><a href="https://www.facebook.com/jacklynlee31">Facebook</a></li>
<li><a href="https://twitter.com/Jacklyn_Lee">Twitter</a></li>
<li><a href="https://github.com/jacklynlee31">GitHub</a></li>
</ul>
<img src="http://i59.tinypic.com/2hghh1x.png" alt="profile">
<p>
My name is Jacklyn Carroll and I am currently a student at The Iron Yard in Little Rock, Arkansas. I chose to learn how to develop because I love learning how things work. I used to build basic websites when I was younger, and I always loved figuring out how to write the html and why something was or wasn't working. I also know that learning how to code will help me find a better job. My main career goal is to do something that helps others, and I think coding will add the advantage I need to get a job that I love.
</p>
</div>
</body>
</html>
85 changes: 85 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
* {
margin:0px;
padding:0px;
color:black;
font-family:sans-serif;
background-image:url(http://i62.tinypic.com/nl9y1d.png);
}

.main p {
background:white;

}

.main {
width:650px;
height:500px;
background:white;
padding:25px;
margin:auto;
margin-top:50px;
border: 1px solid #E3E3E3;
}

h1 {
text-align:center;
font-family: Futura;
background:white;
}

.main {
text-align:center;
background:white;
}

.main li {
list-style-type: none;
display: inline;
background:white;
}

.main li:before {
content:"[";
padding: 5px;
}

.main li:after {
content:"]";
padding: 5px;
}

.main a {
text-decoration:none;
background:white;
font-family: Futura;
}

.main ul {
background:white;
}

a:hover {
color:#FF9999;
}

.main p {
padding-top:15px;
font-family: garamond;
font-size: 20px;
float:left;
text-align:left;
}

.main img {
height:180px;
margin-top: 20px;
padding:5px;
background:white;
border: 1px solid black;
}