Skip to content
Permalink
Browse files

added assignment 2

  • Loading branch information
maa17019 committed Feb 8, 2020
1 parent bc1ac28 commit 83ed1187ab94aa82929063e67b34155dcc0ea2ac
BIN +0 Bytes (100%) .DS_Store
Binary file not shown.
@@ -1,9 +1,12 @@
html, body {
padding:0; margin:0; height:1120px;
margin: 0 auto;
height: 100%;
scroll-behavior: smooth;

/*background-image: url("../img/back.jpg");
background-size: 100%;*/
}

@media (min-width: 320px){
div .text{
top: 70px;
@@ -62,60 +65,102 @@ h2{
color: whitesmoke;

}

.row-one{
display: flex;
justify-content: center;
}

.me img{
width: 350px;
width: 300px;
height: auto;
border-radius: 50%;
margin: 50px 5px;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
margin-top: 15px;
padding: 5px;
display: block;
margin-left: auto;
margin-right: auto;

}

p{
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
font-size: 20px;
margin-top: 60px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 10px;
text-indent: 50px;
padding: 5px;
max-width: 490px;
min-width: 200px;
max-height: 500px;
font-weight: bold;
max-width: 500px;
min-width: 350px;
width: 50%;
text-indent: 5%;
}
.row-one{
.one{
display: flex;
justify-content: center;
}

ul li{
list-style: circle;
h3{
flex-direction: row;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-weight: bolder;
font-size: 35px;
margin: 0 auto;
color: #5c0553;
}






.two{
display: flex;
justify-content: center;

}

ul li{
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size: 19px;
width: 50%;

}
hr{
width: 50%;
}
.three{
display: flex;
justify-content: center;

}
a:visited{
color: black;
text-decoration: none;
}
a:hover{
color:#0f0029;

}
a{
position: relative;
color: #000;
text-decoration: none;
}
a:before{
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #000;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

footer{
position: fixed;
overflow: hidden;
width: 100%;
bottom: 0;
left: 0;
right: 0;
background-color: #0f0029;
color: white;
text-align: center;
font-family: 'Open Sans', sans-serif;
margin-top: 20px;


}
}
@@ -18,36 +18,42 @@
<nav>
<h2>About Me</h2>
</nav>

<section class="row-one">
<div class="me">
<img src="img/me.jpg" alt="picture of Mahnoor" />
</div>
<p>I’m currently an undergraduate enrolled in the Digital Media and Design program at the <em>University of Connecticut</em>. I was born and raised in Meriden, Connecticut. I have always been an artistic child growing up and throughout high school, I was eager to take every possible art and digital technology course offered to me including digital imaging, web design, video production, ceramics and advanced photography.
I would describe my personal style as vibrant, bold and festive. My artistic statement for most of my work pays attention to detail as I am especially inspired by abstract art.
</section>

<h3 style="font-family: 'Open Sans', sans-serif;font-size:40px; margin-left: 340px; margin-top: 0px;">My Interests</h3>
<h3 style="font-family: 'Open Sans', sans-serif;font-size:40px; margin-left: 700px; margin-top: -95px; ">My Favorite Websites:</h3>
<ul style=" font-family: 'Open Sans', sans-serif; font-size: 25px; margin-left: 300px;">
<div class="me">
<img src="img/me.jpg" alt="picture of author"/>
</div>
<section class="one">

<p>I’m currently an undergraduate enrolled in the Digital Media and Design program at the <em>University of Connecticut</em>. I was born and raised in Meriden, Connecticut. I have always been an artistic child growing up and throughout high school, I was eager to take every possible art and digital technology course offered to me including digital imaging, web design, video production, ceramics and advanced photography. I would describe my personal style as vibrant, bold and festive. My artistic statement for most of my work pays attention to detail as I am especially inspired by abstract art.</p>

</section>
<hr>
<section class="titles">
<h3>My Interests</h3>
</section>
<section class="two">
<ul>
<li>Photography</li>
<li>Traveling</li>
<li>Social Media</li>
<li>Films</li>
<li>Volunteering</li>
<li>Baking</li>
<li>Reading</li>
<li>Music</li>
</ul>

<ul style=" font-family:'Open Sans', sans-serif; font-size: 25px; margin-left: 700px; margin-top: -230px;">
<li><a href="https://www.netflix.com">Netflix</a></li>
<li><a href="https://www.twitter.com">Twitter</a></li>
<li><a href="https://www.youtube.com">YouTube</a></li>
<li><a href="https://www.theverge.com">The Verge</a></li>
</ul>
</ul>
</section>
<h3>My Favorite Websites:</h3>
<section class="three">
<ul>
<li><a href="https://www.netflix.com " target="_blank">Netflix</a></li>
<li><a href="https://www.twitter.com" target="_blank">Twitter</a></li>
<li><a href="https://www.youtube.com" target="_blank">YouTube</a></li>
<li><a href="https://www.theverge.com" target="_blank">The Verge</a></li>
</ul>
</section>


</main>
<footer>
<h4>© Mahnoor Afteb 2020</h4>
</footer>
</footer>
</body>
</html>
BIN +0 Bytes (100%) week-2/.DS_Store
Binary file not shown.
Binary file not shown.
Binary file not shown.

0 comments on commit 83ed118

Please sign in to comment.
You can’t perform that action at this time.