Skip to content

Shenandoah veele day2 #2

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
Jamakura wants to merge 7 commits into
base: master
Choose a base branch
from
Open

Shenandoah veele day2 #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
2890fb0
added file, portfolio.html
Jamakura May 12, 2020
37f968d
"modified projects.html code and added css"
Jamakura May 13, 2020
daeb3e4
removed file index.css
Jamakura May 13, 2020
5fa6642
added filed mindex.css, projects.css, contact.css, about.css. Removed…
Jamakura May 13, 2020
171f5e2
updated files added css and html coding, fixed bad links
Jamakura May 13, 2020
85f5380
added responsive elements and accesibility
Jamakura May 15, 2020
ba580d7
updated css, animated buttons, adjusted social media icons
Jamakura May 15, 2020
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
41 changes: 41 additions & 0 deletions about.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
body {
background-image: url(https://images.unsplash.com/photo-1516576291981-b64ed8383ba8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80)
}
*{
color: lightcyan;
}
h1{
font-family:Caveat;
font-size: 60px;
padding:20px 20px 30px 20px;
}

.container {
width: 600px;
margin:20px;
}

.container header nav a {
margin: 0 10px;
border:1px solid teal;
padding: 10px;
display: flex row;
justify:space-evenly;
border-radius: 10px;
text-decoration: none;
margin-bottom: 20px;
font-size: 20px;
font-family:oswald;
}

h2{
padding:20px;
font-family:Caveat;
font-size:30px;
}
h3{
padding:20px;
font-family:Caveat;
font-size:30px;
}

19 changes: 14 additions & 5 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat&family=Oswald:wght@200&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="about.css" type="text/css">
<div class="container">
<h1>About me</h1>
<header>
<nav>
<a href="index.html">Home</a>
<a href="contact.html">Contact</a>
<a href="project.html">Projects</a>
</nav>
</header>
</div>
</head>
<body>
<h1> ABOUT </h1>
</body>
</html>
41 changes: 41 additions & 0 deletions contact.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
body {
background-image: url(https://images.unsplash.com/photo-1516576291981-b64ed8383ba8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80)
}
*{
color: lightcyan;
}
h1{
font-family:Caveat;
font-size: 60px;
padding:20px 20px 30px 20px;
}

.container {
width: 600px;
margin:20px;
}

.container header nav a {
margin: 0 10px;
border:1px solid teal;
padding: 10px;
display: flex row;
justify:space-evenly;
border-radius: 10px;
text-decoration: none;
margin-bottom: 20px;
font-size: 20px;
font-family:oswald;
}

h2{
padding:20px;
font-family:Caveat;
font-size:30px;
}
h3{
padding:20px;
font-family:Caveat;
font-size:30px;
}

20 changes: 14 additions & 6 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width= <h1> ABOUT </h1>, initial-scale=1.0">
<title>Document</title>
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat&family=Oswald:wght@200&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="contact.css" type="text/css">
<div class="container">
<h1>How to reach me</h1>
<header>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="project.html">Projects</a>
</nav>
</header>
</div>
</head>
<body>
<h1> CONTACT </h1>
</body>
</html>
170 changes: 170 additions & 0 deletions index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,170 @@
html{
font-size: 62.5%;
}

body {
background-image: url(https://images.unsplash.com/photo-1513880838915-3b5b17da4383?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=667&q=80);
background-size: 100% 100%;

}
*{
color: cyan;
}
h1{
font-family:Caveat;
font-size: 6rem;
padding: 5%;
}

.container {
width: 600px;
margin:5%;
}

.container nav a {
margin: 0 10px;
border:1px solid cyan;
padding: 10px;
display: flex row;
justify:space-evenly;
border-radius: 10px;
text-decoration: none;
margin-bottom: 5%;
font-size: 2rem;
font-family:oswald;
}

.container nav a:hover {
background-color:cyan;
color: teal;
padding:10px;
border: 2px solid teal;
font-size: 2rem;
margin-top: 5%;
transition:0.8s;
border-radius:50%;
font-family: oswald
}

h2{
padding:5%;
font-family:Caveat;
font-size:3rem;
}
h3{
padding:5%;
font-family:Caveat;
font-size: 2rem;
}

.projects {
width: 50%;
margin:5%;
}

.projects {
border:1px solid cyan;
padding: 10px;
display: flex row;
border-radius: 10px;
text-decoration: none;
margin-bottom: 5%;
font-size: 2rem;
font-family:oswald;
}

.projects:hover {
background-color:cyan;
color: teal;
padding:10px;
border: 2px solid teal;
font-size: 2rem;
margin-top: 5%;
transition:0.8s;
border-radius:50%;
font-family: oswald
}
img{
border-radius: 50px;
padding:5%;
}

.jellyfish{
border-radius: 50%;
}

p{
padding:5%;
font-family:oswald;
font-size: 2rem;
}

.content-row{
display:flex;
}

.pics {
display: flex;
flex-wrap:wrap;
font-family:oswald;
}

.contact {
width: 50%;
margin:5%;
padding: 5%;
}

.contact {
border:1px solid cyan;
padding: 10px;
display: flex row;
border-radius: 10px;
text-decoration: none;
margin-bottom: 10%;
font-size: 2rem;
font-family:oswald;
}

.contact:hover {
background-color:cyan;
color: teal;
padding:10px;
border: 2px solid teal;
font-size: 2rem;
margin-top: 5%;
transition:0.8s;
border-radius:50%;
font-family: oswald }

footer{
text-align:center;
margin: 5%;
}
.social{
font-size: 3rem;
text-decoration: none;
padding:2%
}




}
@media(max-width: 800px){
.content-row {
flex-direction: column-reverse;
}
}

@media(max-width: 500px){
body {
background
}
.jellyfish{
display:none;
}
img{
border-radius: 50%;
}
}
Loading