smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2024-12-25 22:10:43 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

initial commit

Browse source
This commit is contained in:
Smig Tech 2023-09-14 18:26:33 -04:00
commit 467ab758d3
2 changed files with 148 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
css/styles.css Normal file
View file

@ -0,0 +1,66 @@
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
}
.navbar ul {
display: flex;
margin: 0;
padding: 0;
}
.container {
display: flex;
justify-content: space-between;
align-items: center;
}
#skills {
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
}
.cards {
display: flex;
align-items: center;
justify-content: center;
}
.card-photo {
width: 100px;
height: 100px;
background-color: green;
}
.quote h1 {
display: flex;
align-items: center;
justify-content: center;
}
.email-section {
display: flex;
align-items: center;
justify-content: center;
}
.footer {
display: flex;
align-items: center;
justify-content: center;
}
body {
display: flex;
flex-direction: column;
justify-content: space-between;
align-content: space-between;
min-height: 100vh;
}
ul {
list-style-type: none;
}

82
index.html Normal file
View file

@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css" class="cass">
<title>Mike Jr</title>
</head>
<body>
<section class="header">
<div class="navbar">
<h2>Mike Jr</h2>
<ul>
<li>Blog</li>
<li>Resume</li>
<li>GitHub</li>
</ul>
</div>
<div class="container">
<div class="tagline">
<h1 class="header-quote">
Mike Smith, Jr.
</h1>
Learning in public, building in public, networking, enjoying what he does. Passionate
</div>
<div class="tagphoto">
place-holder
</div>
</div>
</section>
<section id="skills">
<h2 class="skills">A really cool DevOps Engineer</h2>
<div class="cards">
<div class="card">
<div class="card-photo">
</div>
I've done somecool ish
</div>
<div class="card">
<div class="card-photo">
</div>
I've done somecool ish
</div>
<div class="card">
<div class="card-photo">
</div>
I've done somecool ish
</div>
<div class="card">
<div class="card-photo">
</div>
I've done somecool ish
</div>
</div>
</section>
<section class="quote">
<div class="quote-tag">
<h1>I Do stuff with integrty. Thanks</h1>
</div>
</section>
<section class="contact">
<div class="email-section">
<div class="signup">
<h3>Let's Get in touch</h3>
<p>LEt's do this!</p>
</div>
<div class="signup-button">
<button>Sign Up</button>
</div>
</div>
</section>
<section class="footer">
Yeah baby this is some good code
</section>
</body>
</html>