-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Revamp to new template and create half finished resume link
- Loading branch information
Showing
6 changed files
with
173 additions
and
10 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,58 @@ | ||
<!doctype html> | ||
<html lang="en" class="h-100"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="description" content=""> | ||
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors"> | ||
<meta name="generator" content="Hugo 0.88.1"> | ||
<title>William Colburn's Portfolio</title> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> | ||
<link href="https://getbootstrap.com/docs/5.1/examples/cover/cover.css" rel="stylesheet"> | ||
|
||
<style> | ||
.bd-placeholder-img { | ||
font-size: 1.125rem; | ||
text-anchor: middle; | ||
-webkit-user-select: none; | ||
-moz-user-select: none; | ||
user-select: none; | ||
} | ||
|
||
@media (min-width: 768px) { | ||
.bd-placeholder-img-lg { | ||
font-size: 3.5rem; | ||
} | ||
} | ||
</style> | ||
|
||
</head> | ||
<body class="d-flex h-100 text-center text-white bg-dark"> | ||
|
||
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column"> | ||
<header class="mb-auto"> | ||
<div> | ||
<h3 class="float-md-start mb-0">William Colburn</h3> | ||
<nav class="nav nav-masthead justify-content-center float-md-end"> | ||
<a class="nav-link active" aria-current="page" href="#">Home</a> | ||
<a class="nav-link" href="#">Features</a> | ||
<a class="nav-link" href="#">Contact</a> | ||
</nav> | ||
</div> | ||
</header> | ||
|
||
<main class="px-3"> | ||
<h1>Cover your page.</h1> | ||
<p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p> | ||
<p class="lead"> | ||
<a href="https://github.com/wcolburn" class="btn btn-lg btn-secondary fw-bold border-white bg-white">GitHub</a> | ||
</p> | ||
</main> | ||
|
||
<footer class="mt-auto text-white-50"> | ||
<p>Footer text.</p> | ||
</footer> | ||
</div> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,58 @@ | ||
<!doctype html> | ||
<html lang="en" class="h-100"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="description" content=""> | ||
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors"> | ||
<meta name="generator" content="Hugo 0.88.1"> | ||
<title>William Colburn's Portfolio</title> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> | ||
<link href="https://getbootstrap.com/docs/5.1/examples/cover/cover.css" rel="stylesheet"> | ||
|
||
<style> | ||
.bd-placeholder-img { | ||
font-size: 1.125rem; | ||
text-anchor: middle; | ||
-webkit-user-select: none; | ||
-moz-user-select: none; | ||
user-select: none; | ||
} | ||
|
||
@media (min-width: 768px) { | ||
.bd-placeholder-img-lg { | ||
font-size: 3.5rem; | ||
} | ||
} | ||
</style> | ||
|
||
</head> | ||
<body class="d-flex h-100 text-center text-white bg-dark"> | ||
|
||
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column"> | ||
<header class="mb-auto"> | ||
<div> | ||
<h3 class="float-md-start mb-0">William Colburn</h3> | ||
<nav class="nav nav-masthead justify-content-center float-md-end"> | ||
<a class="nav-link" href="../index.html">Home</a> | ||
<a class="nav-link active" aria-current="page" href="#">Resume</a> | ||
<a class="nav-link" href="#">Contact</a> | ||
</nav> | ||
</div> | ||
</header> | ||
|
||
<main class="px-3"> | ||
<h1>Cover your page.</h1> | ||
<p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p> | ||
<p class="lead"> | ||
<a href="https://github.com/wcolburn" class="btn btn-lg btn-secondary fw-bold border-white bg-white">GitHub</a> | ||
</p> | ||
</main> | ||
|
||
<footer class="mt-auto text-white-50"> | ||
<p>Footer text.</p> | ||
</footer> | ||
</div> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,15 +1,62 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<!doctype html> | ||
<html lang="en" class="h-100"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<link href="screen.css" media="screen" rel="stylesheet" type="text/css" /> | ||
<title>YOUR NAME</title> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="description" content=""> | ||
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors"> | ||
<meta name="generator" content="Hugo 0.88.1"> | ||
<title>William Colburn's Portfolio</title> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> | ||
<link href="https://getbootstrap.com/docs/5.1/examples/cover/cover.css" rel="stylesheet"> | ||
|
||
<style> | ||
.bd-placeholder-img { | ||
font-size: 1.125rem; | ||
text-anchor: middle; | ||
-webkit-user-select: none; | ||
-moz-user-select: none; | ||
user-select: none; | ||
} | ||
|
||
@media (min-width: 768px) { | ||
.bd-placeholder-img-lg { | ||
font-size: 3.5rem; | ||
} | ||
} | ||
</style> | ||
|
||
</head> | ||
<body class="index"> | ||
<div id="main" role="main"> | ||
<h1>Your Name</h1> | ||
<p>One sentence about what this is Visit my <a href = "https://github.com/wcolburn"> GitHub Account </a>.</p> | ||
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Lower_Petergate_in_York%2C_England.jpg/1024px-Lower_Petergate_in_York%2C_England.jpg"> | ||
<body class="d-flex h-100 text-center text-white bg-dark"> | ||
|
||
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column"> | ||
<header class="mb-auto"> | ||
<div> | ||
<h3 class="float-md-start mb-0">William Colburn</h3> | ||
<nav class="nav nav-masthead justify-content-center float-md-end"> | ||
<a class="nav-link active" aria-current="page" href="index.html">Home</a> | ||
<a class="nav-link" href="html/resume.html">Resume</a> | ||
<a class="nav-link" href="#">Contact</a> | ||
</nav> | ||
</div> | ||
</header> | ||
|
||
<main class="px-3"> | ||
<h1>Hello!</h1> | ||
<p class="lead">My name is William, but I go by Liam. </p> | ||
<p class="lead">I'm a student at Oregon State University Cascades, and I'm majoring in Computer Science.</p> | ||
<p class="lead"> | ||
<a href="https://github.com/wcolburn" class="btn btn-lg btn-secondary fw-bold border-white bg-white">GitHub</a> | ||
</p> | ||
<p class="lead"> | ||
<a href="Colburn Resume.docx" class="btn btn-lg btn-secondary fw-bold border-white bg-white" download>My Resume</a> | ||
</p> | ||
</main> | ||
|
||
<footer class="mt-auto text-white-50"> | ||
<p>Footer text.</p> | ||
</footer> | ||
</div> | ||
|
||
</body> | ||
</html> |