Skip to content

Amanda burtness #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
amandaburtness wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Amanda burtness #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3a1d077
added layout and styling, as well as an images folder
amandaburtness Feb 19, 2021
e300d64
added images and added basic elements for other pages; will edit more
amandaburtness Feb 19, 2021
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
44 changes: 42 additions & 2 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,49 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>Amanda Burtness's Portfolio</title>
<link rel="stylesheet" href="style/index.css"></link>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Rock+Salt&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100&family=Permanent+Marker&family=Rock+Salt&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&family=Lato:wght@100&family=Permanent+Marker&family=Rock+Salt&display=swap" rel="stylesheet">
</head>
<body>
<h1> ABOUT </h1>
<section id="name">
<h1>Amanda Burtness</h1>
</section>

<section id="nav">
<nav>
<a href="index.html">Home</a>
<a href="about.html">About Me</a>
<a href="contact.html">Contact</a>
<a href="projects.html">Projects</a>
</nav>
</section>
<section id="about1">
<h2>A little bit about me...</h2>
<p>I’m originally from the Bay Area, but now reside in sunny Southern California. I am an adaptable, flexible, and creative person who loves challenges. While I have spent my past years in the entertainment technology industry, the recent pandemic has allowed me to find a new passion, web development and software engineering. The creative, collaborative, and hard working skills I gained through the fast-paced entertainment world will bring a valuable perspective to the web development world.
I love full-stack web, and being able to be a part of all aspects of a project.</p>
</section>
<section id="about2">
<h2>Education:</h2>
<ul>
<li>Lambda School - Full-Stack Web Development (2020-2021)</li>
<li>Wilmington University - Web Development and Design Certification (2020)</li>
<li>Chapman University - BA Theatre Technology & BA Audio and Video Design for Live Entertainment (2015-2019)</li>
</ul>
</section>

<footer>
<nav>
<a href="contact.html">Contact Me</a>
<a href="https://www.linkedin.com/in/amandaburtness/">LinkedIn</a>
</nav>
</footer>
</body>
</html>
38 changes: 36 additions & 2 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,43 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width= <h1> ABOUT </h1>, initial-scale=1.0">
<title>Document</title>
<title>Amanda Burtness's Portfolio</title>
<link rel="stylesheet" href="style/index.css"></link>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Rock+Salt&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100&family=Permanent+Marker&family=Rock+Salt&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&family=Lato:wght@100&family=Permanent+Marker&family=Rock+Salt&display=swap" rel="stylesheet">
</head>
<body>
<h1> CONTACT </h1>
<section id="name">
<h1>Amanda Burtness</h1>
</section>

<section id="nav">
<nav>
<a href="index.html">Home</a>
<a href="about.html">About Me</a>
<a href="contact.html">Contact</a>
<a href="projects.html">Projects</a>
</nav>
</section>

<section class = "contactme">
<ul>
<li>Phone: (707) 631-0376</li>
<li>Email: amandaburtness@gmail.com</li>
</ul>
<p class= "contactnote">I'd love to hear from you! Thank you so much for taking the time to visit my page.</p>
</section>
<footer>
<nav>
<a href="contact.html">Contact Me</a>
<a href="https://www.linkedin.com/in/amandaburtness/">LinkedIn</a>
</nav>
</footer>
</body>
</html>
Binary file added images/banner_image.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/bannerimage.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/burrito1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/burrito2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/pongo1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/pongo2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
67 changes: 66 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,74 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>Amanda Burtness's Portfolio</title>
<link rel="stylesheet" href="style/index.css"></link>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Rock+Salt&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100&family=Permanent+Marker&family=Rock+Salt&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&family=Lato:wght@100&family=Permanent+Marker&family=Rock+Salt&display=swap" rel="stylesheet">
</head>
<body>
<section id="name">
<h1>Amanda Burtness</h1>
</section>

<section id="nav">
<nav>
<a href="index.html">Home</a>
<a href="about.html">About Me</a>
<a href="contact.html">Contact</a>
<a href="projects.html">Projects</a>
</nav>
</section>

<section id ="bannerwords">
<h2> < !-- Here's what you need to know -- > </h2>
<p>My name is Amanda Burtness. I originally stem from the enteratinment technology world, but have now found my new passion in coding and web development. I strive for greatness in all that I do and hope that you can see this through my work and personality. I love a challenge, so I've decided to take it upon myself to learn new skills and dive into the web development world.</p>
</section>

<section class="banner">
<img src="images/bannerimage.png" alt="banner image"/>
</section>


<section>
<div id = "projects">
<div class = "pongo1">
<h2>project 1</h2>
<img src ="images/pongo1.jpg">
</div>

<div class = "burrito2">
<h2>project 2</h2>
<img src ="images/burrito1.jpg">
</div>

<div class= "pongo2">
<h2>project 3</h2>
<img src ="images/pongo2.jpg">
</div>

<div class="burrito2">
<h2>project 4</h2>
<img src ="images/burrito2.jpg">
</div>

<div>
<p>Here we have some images of my dogs, Pongo and Burrito, because I currently do not have any projects to display! I hope you enjoy them! </p>
</div>
</div>
</section>

<footer>
<nav>
<a href="contact.html">Contact Me</a>
<a href="https://www.linkedin.com/in/amandaburtness/">LinkedIn</a>
</nav>
</footer>
</body>
</html>
199 changes: 198 additions & 1 deletion style/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,198 @@
/* Add CSS styling here */
/* Add CSS styling here */

/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
/*border: 1px solid green; */
}

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100&family=Permanent+Marker&family=Rock+Salt&display=swap');

* {
box-sizing: border-box;
max-width: 100%;
font-size: 10px;

}


#name {
display: flex;
justify-content: center;
}

h1 {
font-family: 'Permanent Marker', cursive;
font-size: 5rem;
}

a {
text-decoration: none;
}

a:link {
color: black;
}

a:visited {
color: black;
}

a:hover {
color: white;
}

nav {
display: flex;
width: 100%;
justify-content: space-around;
padding: 0%;
font-family: 'Rock Salt', cursive;
background-color: #70FFE3;
}

#nav {
font-size: 1.75rem;
}


#bannerwords {
text-align: center;
padding: % 15% 0% 15%;

}

#bannerwords h2 {
padding: 10px;
font-size: 1.5rem;
font-family: 'Rock Salt', cursive;
}

.banner {
width: 100%;
height: 100%;
overflow: hidden;
}

#bannerwords p {
font-size: 1.5rem;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
}

#projects {
display: flex;
justify-content: space-around;
align-items: center;
height: 600px;
padding: 2vh;
text-align: center;
font-size: 1.5rem;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
}

#projects h2 {
padding-bottom: 4%;
}

#projects p {
padding: 0 2vw;
}

#pongo1 {

}

#burrito1 {

}

#pongo2 {

}

#burrito2 {

}

#about1 {
display: flex;
align-items: center;
text-align: center;
flex-direction: column;
padding: 2vh 20vh;
font-size: 1.5rem;
}

#about1 h2 {
padding: 10px;
font-size: 1.5rem;
font-family: 'Rock Salt', cursive;
}

#about1 p {
font-size: 1.5rem;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
}

#about2 {
display: flex;
justify-content: space-around;
align-items: center;
height: 300px;
padding: 2vh 7vw;
font-size: 1.5rem;
line-height: 2;
}

#about2 h2 {
padding: 2vw;
font-size: 1.5rem;
font-family: 'Rock Salt', cursive;
}

ul {
list-style-type: none;
font-size: 1.5rem;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
text-align: center;
padding: 4%;
}

p {
font-size: 1.5rem;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
text-align: center;
padding: 4%
}

#contactme {
display: flex;
align-items: center;
text-align: center;
flex-direction: column;
padding: 2vh 20vh;
font-size: 1.5rem;
}