Skip to content

Soleil- Tigers #35

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
soleilherring wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Soleil- Tigers #35

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
53 changes: 52 additions & 1 deletion pages/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,59 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="styles/style.css" rel="stylesheet" />
<link href="styles/aboutme.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
</head>
<body>


<!-- <header>/ -->
<!-- <h1> Soleil - Software Developer </h1> -->
<!-- </header> -->
<div class="wrapper">
<nav class="logo">
<div class="meet-me">
<!-- <img src="images/Black Pink Bold Elegant Monogram Personal Brand Logo.png"> -->
<ul class="nav-area">
<li> <a href="index.html">Home</a></li>
<li> <a href="about.html">About</a></li>
<li> <a href="portfolio.html">Portfolio</a></li>
<li> <a href="/portfolio/">Services</a></li>
</ul>
</div>

</nav>

<main>
<section>
<div>
<img class="soleil-headshot"src="images/soleil_headshot.jpeg" alt="Professional photo of Soleil Herring smiling">
</div>
<div class="about_me">
<h3>
About Me
</h3>
<p>
Soleil is a software developer who specializes in creating accessible and scalable code. As a university student she was exposed to R and Python programming and took an interest in databases.
While living abroad, she started studying coding during her lunch break and learned to create basic websites and pages. Now, Soleil hopes to create accessible and __ code.
</p>
</div>
</section>
</main>

</body>



<!-- <footer>
<nav>
<ul>
<li> <a href="/contact/">Contact</a></li>
<li> <a href="/github/">Github</a></li>
</ul>
</nav>
</footer>
</body> -->
</html>
Binary file added pages/images/Black Pink Bold Elegant Monogram Personal Brand Logo.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 pages/images/soleil_headshot.jpeg
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.
62 changes: 61 additions & 1 deletion pages/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,68 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="styles/style.css" rel="stylesheet" />
<link href="styles/index.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
</head>

<body>

<!-- <header>/ -->
<!-- <h1> Soleil - Software Developer </h1> -->
<!-- </header> -->
<div class="wrapper">
<nav class="logo">
<div class="meet-me">
<!-- <img src="images/Black Pink Bold Elegant Monogram Personal Brand Logo.png"> -->
<ul class="nav-area">
<li> <a href="index.html">Home</a></li>
<li> <a href="about.html">About</a></li>
<li> <a href="portfolio.html">Portfolio</a></li>
<li> <a href="/portfolio/">Services</a></li>
</ul>
</div>

</nav>
<div>
<h1>Soleil Herring<br> Software Developer</h1>
</div>
<img class="soleil-logo"src="images/Black Pink Bold Elegant Monogram Personal Brand Logo.png">

<footer>
<div class="languages-column">
<div class="row">
<div class="column">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" />
</div>
<div class="column">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg" />
</div>
<div class="column">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg" />
</div>
<div class="column">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg" />
</div>
<div class="column">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg" />
</div>

<!-- <ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul> -->
</div>
<nav class="bottomnav">
<li> <a href="/contact/">Contact</a></li>
<li> <a href="/github/">Github</a></li>
</nav>
</footer>
</body>
</html>
</html>

52 changes: 52 additions & 0 deletions pages/portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,60 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="styles/style.css" rel="stylesheet" />
<link href="styles/portfolio.css" rel="stylesheet" />
</head>
<body>
<header>
<h1> Soleil Herring<br>
Software Developer </h1>
</header>
<nav>
<ul>
<li> <a href="/home/">Home</a></li>
<li> <a href="/about/">About</a></li>
<li> <a href="/portfolio/">Portfolio</a></li>
<li> <a href="/portfolio/">Services</a></li>
</ul>
</nav>
<main>
<h2>
Projects:
</h2>
<section>
<h4>
Frontend:
</h4>
<ul>
<li>Project 1</li>
<li>Project 2</li>
<li>Project 3</li>

</section>
<section>
<h4>
Backend:
</h4>
<ul>
<li>Project 1</li>
<li>Project 2</li>
<li>Project 3</li>
</ul>
</section>


</section>

<section>

</section>
</main>

<footer>
<nav class="bottomnav">
<li> <a href="/contact/">Contact</a></li>
<li> <a href="/github/">Github</a></li>
</nav>
</footer>
</body>
</html>
12 changes: 12 additions & 0 deletions pages/styles/aboutme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@

div img{
margin: 5%;
padding: 5% 0%;
border-radius: 30%;
}

.about_me {
margin: 5%;
align-self: center;
padding: 5%;
}
21 changes: 21 additions & 0 deletions pages/styles/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@

img{
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
}

.row {
display: flex;
}
.column {
flex: 33.33%;
padding: 5px;
}

h1 {
margin-top: 5%;
margin-bottom: 0;
text-align: center;
}
Empty file added pages/styles/portfolio.css
View file
Open in desktop
Empty file.
138 changes: 138 additions & 0 deletions pages/styles/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,138 @@
main {
display: flex;

}

* {
box-sizing: border-box;
margin: 0;
padding: 0;
/* border: solid; */
background-color: rgba(252, 250, 249, 1);
font-family: 'Quicksand', sans-serif;
color:rgb(78, 77, 77)
}


.wrapper{
width: 100%;
width: 1170px;
margin: auto;
}


section {
display: flex;
flex-direction: row;
}

/* h1,
h2,
h3
{
width: 100%;
display:flex;
justify-content: center;
}
*/


/* section {
flex-direction:column-reverse;

} */

/* img, p {
float: left;
width:50%;
} */

/* img {
padding: 5%;
} */

/* p{

margin-right: 2%;
} */
/*
h1 {
font-family:Arial, Helvetica, sans-serif;
text-align: center;
} */

/* nav {
flex-direction: row;
} */

/* ul {
flex-direction: row;
display: inline;
} */

/* .wrapper {

border: solid purple;
} */
.nav-area{
/* border: solid blue; */
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 10%;
/* float:right;
margin-top: 20px;
padding-right: 10px; */
}

.bottomnav {
padding: 50px 5%;
text-align: center;
}
.nav-area li, .bottomnav li {
padding: 0px 20px;
list-style: none;
display: inline-block;
}

.nav-area li a , .bottomnav li a{
text-decoration: none;
padding: 5px 20px;
font-size: 1.5em;
}


/* .logo img{
width: 200px;
padding-left: 5%;
}

.meet-me h1{
display: flex;
text-align: center;
font-size: 80px;
}

footer{
position: fixed;
bottom: 0;
width: 100%;
display: flex */
/* } */

/* .bottomnav li a{
text-decoration: none;
font-size: 1.5em;
text-align: center;
list-style: none;
} */


footer li{
list-style: none;
display: inline;
}

.bottomnav{
li
}