diff --git a/.DS_Store b/.DS_Store index c02f9ab..25c7b73 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..f673a71 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} \ No newline at end of file diff --git a/week-2/.DS_Store b/week-2/.DS_Store index 5064b74..4d68d41 100644 Binary files a/week-2/.DS_Store and b/week-2/.DS_Store differ diff --git a/week-2/basic-site.html b/week-2/basic-site.html new file mode 100644 index 0000000..8cba05c --- /dev/null +++ b/week-2/basic-site.html @@ -0,0 +1,57 @@ + + + + + + + My Boilerplate Website + + + +
+
+ header image +
Mahnoor Afteb
+
+
+
+ + +
+
+ picture of Mahnoor +
+

I’m currently an undergraduate enrolled in the Digital Media and Design program at the University of Connecticut. My intended path is a Bachelor of Arts in the Web Design concentration. 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. +

+
+
+

My Interests

+
    +
  • Photography
    • +
  • Traveling
    • +
  • Social Media
    • +
  • Films
    • +
  • Reading
    • +
  • Calligraphy
    • +
  • Music
    • +
+
+ + + +
+
+ + + \ No newline at end of file diff --git a/week-2/css/basic-site.css b/week-2/css/basic-site.css new file mode 100644 index 0000000..d990795 --- /dev/null +++ b/week-2/css/basic-site.css @@ -0,0 +1,119 @@ +html, body { + margin: 0; + padding: 0; + /*background-image: url("../img/back.jpg"); + background-size: 100%;*/ + } + + @media (min-width: 320px){ + div .text{ + top: 70px; + font-size: 50px; + } +} + +@media (min-width: 480px){ + div .text{ + top: 60px; + font-size: 70px; + } +} +@media (min-width: 620px){ + div .text{ + top: 50px; + font-size: 80px; + } +} +@media (min-width: 768px){ + div .text{ + top: 50px; + font-size: 95px; + } +} + img{ + display: block; + overflow: hidden; + width: 100%; + height: 240px; + +} + +.image { + position:relative; +} +.text { + white-space: nowrap; + left: 0; + position:absolute; + text-align:center; + top: 60px; + width: 100%; + font-family: 'Open Sans', sans-serif; + font-weight: lighter; + color: white; + font-size: 90px; +} +h2{ + text-align: center; + font-family: 'Open Sans', sans-serif; + font-weight: lighter; + font-size: 50px; + margin: 0 auto; + background-color: #5c0553; + color: whitesmoke; + +} + +.row-one{ + display: flex; + justify-content: center; +} + +.me img{ + width: 350px; + 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);*/ +} + +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; +} +.row-one{ + display: flex; + justify-content: center; +} + +ul li{ + list-style: circle; +} + + + + + + + + + + +footer{ + width: 100%; + text-align: left; + background-color: #0f0029; + color: white; + font-family: 'Open Sans', sans-serif; + +} diff --git a/week-2/img/.DS_Store b/week-2/img/.DS_Store new file mode 100644 index 0000000..08b38b9 Binary files /dev/null and b/week-2/img/.DS_Store differ diff --git a/week-2/img/UvafGZ.gif b/week-2/img/UvafGZ.gif new file mode 100644 index 0000000..1823da5 Binary files /dev/null and b/week-2/img/UvafGZ.gif differ diff --git a/week-2/img/head.jpg b/week-2/img/head.jpg new file mode 100644 index 0000000..ffb0804 Binary files /dev/null and b/week-2/img/head.jpg differ diff --git a/week-2/img/header.jpg b/week-2/img/header.jpg new file mode 100644 index 0000000..cecda6f Binary files /dev/null and b/week-2/img/header.jpg differ diff --git a/week-2/img/me.jpg b/week-2/img/me.jpg new file mode 100644 index 0000000..91f1cb0 Binary files /dev/null and b/week-2/img/me.jpg differ diff --git a/week-2/index.html b/week-2/index.html index cbbcb03..8cba05c 100755 --- a/week-2/index.html +++ b/week-2/index.html @@ -1,41 +1,57 @@ - - - + + - - - - - - - - - - - - - + + + + My Boilerplate Website + - - - - -

Hello world! This is HTML5 Boilerplate.

- - - - - - - - - +
+
+ header image +
Mahnoor Afteb
+
+
+
+ + +
+
+ picture of Mahnoor +
+

I’m currently an undergraduate enrolled in the Digital Media and Design program at the University of Connecticut. My intended path is a Bachelor of Arts in the Web Design concentration. 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. +

+
+
+

My Interests

+
    +
  • Photography
    • +
  • Traveling
    • +
  • Social Media
    • +
  • Films
    • +
  • Reading
    • +
  • Calligraphy
    • +
  • Music
    • +
+
+ + + +
+
+ - - + \ No newline at end of file