Skip to content
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

Enhanced version of website #148

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Enhanced version of website #148

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
44 changes: 34 additions & 10 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ body {
*/
}


.intro {
top: 0; /*Set the top edge of the positioned element*/
/* If the value is 0 then why we're specifing?
Expand All @@ -31,8 +32,16 @@ body {
padding-top: 45vh;/*Adds a padding of 45% of viewport height to the top*/
}

.intro p {
color: green;
.intro h1{
color: #F7E0E0;
font-size: 350%;
font-weight:900;
}
.intro p{
color: #F7E0E0;
font-size: 150%;
font-weight: lighter;

}

nav ul {
Expand All @@ -54,28 +63,34 @@ nav ul li {

nav ul li a {
color: #ffffff;
font-size: 130%;
text-decoration: none;/*text decoration specifies the decoration added to text*/
/*it can be described as type of line(underline, overline, line-through), color and style(solid, wavy, dotted, dashed, double)*/
}

nav ul li a:hover {/*hover selector is used to select elements when you mouse over them */
color: black;
transition: 0.3s ease;
color:#141414;


}*

.work {
padding-top: 60px;
margin-top: -60px;

}

.work .work-header {
margin-top: 50px;
color: #008080;
color: #444242;
font-weight: normal;
font-size: 300%;
}

.project {
text-decoration: none;
color: #008080;
color: #141414;
display: inline-block;
overflow: hidden;
border: 2px solid lightblue;
Expand All @@ -99,7 +114,7 @@ nav ul li a:hover {/*hover selector is used to select elements when you mouse ov
text-decoration: none;
display: block; /*block attribute displays the element as a block element */
/*It starts on a new line, and takes up the whole width */
width: 200px; /*width sets the width of the elemnt */
width: 300px; /*width sets the width of the elemnt */
height: 30px; /*height sets the height of the element */
margin: 20px auto 90px; /*margin sets the margin for the top, right, bottom and left of the element respectively*/
/*here auto tells the browser to automatically determine the left and right margins itself,
Expand All @@ -116,8 +131,9 @@ nav ul li a:hover {/*hover selector is used to select elements when you mouse ov
}

.show-all:hover {
background: #E4F1FE;
color: green;
background: #827F7F;
color:#ffffff;
transition: 0.2s ease;
}

@media only screen and (max-width: 500px) {
Expand Down Expand Up @@ -161,8 +177,9 @@ nav ul li a:hover {/*hover selector is used to select elements when you mouse ov
}

.contact-details:hover { /* The :hover selector is used to select elements when you mouse over them. */
background: #E4F1FE;
color: green;
background: #A09C9C;
color:#000000;
transition: 0.2s ease;
}

footer {
Expand Down Expand Up @@ -191,3 +208,10 @@ such as width and height of the viewport or device, resolution, etc*/
line-height: normal;/*It defines a normal line height. It is the default value of this property */
}
}
#welcome-section{
background-image:linear-gradient(to bottom,rgba(0,0,0,0.8),rgba(0,0,0,0.3)),url("../images/download1.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: auto;
}
Binary file added images/download.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/download1.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.
13 changes: 7 additions & 6 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<title>Demo Portfolio</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>

<body>
Expand All @@ -25,7 +26,7 @@ <h1>Hey, I'm Emisha</h1>
</div>

<div id="projects" class="work">
<h2 class="work-header">These are some of my projects..</h2>
<h2 class="work-header">Have a look at my projects</h2>


<a href="" class="project project-tile">
Expand Down Expand Up @@ -60,11 +61,11 @@ <h2 class="work-header">These are some of my projects..</h2>
<h1>Let's work together...</h1>
<p>How do you take your coffee?</p>
</div>
<a href="" target="_blank" class="contact-details">Facebook</a>
<a id='profile-link' href="" target="_blank" class="contact-details">GitHub</a>
<a href="" target="_blank" class="contact-details">Twitter</a>
<a href="mailto:" class="contact-details">Send a mail</a>
<a href="tel:" class="contact-details">Call me</a>
<a href="" target="_blank" class="contact-details"><i class="fa fa-2x fa-facebook" aria-hidden="true"></i></a>
<a id='profile-link' href="" target="_blank" class="contact-details"><i class="fa fa-2x fa-github" aria-hidden="true"></i></a>
<a href="" target="_blank" class="contact-details"><i class="fa fa-2x fa-twitter" aria-hidden="true"></i></a>
<a href="mailto:" class="contact-details"><i class="fa fa-2x fa-envelope" aria-hidden="true"></i></a>
<a href="tel:" class="contact-details"><i class="fa fa-2x fa-phone" aria-hidden="true"></i></a>
</div>

<footer>This is just a demo portfolio..
Expand Down