Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
more changes
  • Loading branch information
met18001 committed Mar 20, 2020
1 parent ba04ea0 commit edb8dc9
Show file tree
Hide file tree
Showing 6 changed files with 62 additions and 21 deletions.
71 changes: 54 additions & 17 deletions css/style.css
Expand Up @@ -347,44 +347,78 @@ padding: 40px;
}
figure {
position: relative;
display: inline-block;
display: inline-block !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
.page3{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap !important;
}
@media(max-width: 900px){
.page3{
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
}

@media(min-width:900px){
.portfolio1{
.page3{
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: space-around;
-webkit-box-align: center;
align-items: center;
}
.portfolio2{
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: space-around;
justify-content: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;

}



}
.portfolio1{
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;



}
.img {
border-radius: 50%;
vertical-align: middle;
width:300px;
height:300px;
padding:30px;
opacity: 0.45;
opacity: 0.9;
-webkit-filter: blur(3px);
filter: blur(3px);
border-radius: 50%;
vertical-align: middle;

}
.img:hover {
color: white;
opacity: 5;
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transition: ease-in .5s;
transition: ease-in .5s;
}

figcaption {
Expand All @@ -406,6 +440,9 @@ figure {
display: none;
}
.page3{
background-image: url(../img/marble.jpg);
background-image: url(../img/rainbow.jpg);
background-position: center top;
-webkit-box-pack: center;
justify-content: center;
}

Binary file added img/aqua.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/blu.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/blue.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/rainbow.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 8 additions & 4 deletions index.html
Expand Up @@ -59,8 +59,8 @@
</div>
</section>
</section>
<div class="section2">
<div class="innerBox" id="about">
<div class="section2"id="about">
<div class="innerBox">
<h1>Hi! I'm Meira</h1>
<p>I am a multifaceted and passionate designer always improving my skills and discovering new things about myself. I love sharing my ideas and working together with others to solve complex problems.</p>
</div>
Expand Down Expand Up @@ -90,8 +90,9 @@
<figcaption>Farmhouse Cafe </figcaption>
</figure>
</a>
</div>
<div class="portfolio2">



<a class="link" href="farmhouse.html">
<figure>
<img class="img" src="img/farmhouse2.png">
Expand All @@ -112,6 +113,9 @@
<figcaption>Farmhouse Cafe </figcaption>
</figure>
</a>



</div>


Expand Down

0 comments on commit edb8dc9

Please sign in to comment.