diff --git a/UI/css/profile_style.css b/UI/css/profile_style.css new file mode 100644 index 0000000..a8d38d5 --- /dev/null +++ b/UI/css/profile_style.css @@ -0,0 +1,151 @@ +body{ + font: 15px/1.5 'Montserrat', sans-serif; + padding: o; + margin: 0; + background-color: #A2D7E9; +} + +/* Global */ +.container{ + width: 70%; + margin: auto; + overflow: hidden; +} + +article#about-col{ + float: right; + width: 65%; +} +aside#leftbar .create input{ + float: left; + width: 30%; + margin-top: 10px; +} + +ul{ + margin: 0; + padding: 0; +} +.button_1{ + height: 38px; + background: #08242D; + border: none; + padding-right: 20px; + padding-left: 20px; + color: #cccccc; +} + +ul#orders li{ + list-style: none; + padding: 20px; + border: #cccccc solid 1px; + margin-bottom: 5px; + background: #D8F6FF; +} +.label{ + margin-bottom: 40px; +} + +/* header */ +header{ + background: #0B5068; + color: #ffffff; + padding-top: 30px; + min-height: 70px; +} + +header a{ + color: #ffffff; + text-decoration: none; + text-transform: uppercase; + font-size: 16px; +} +header li{ + float: left; + display: inline; + padding: 0 20px 0 20px; +} +header #brand{ + float: left; +} +header #brand h1{ + margin: 0; +} +header nav{ + float: right; + margin-top: 10px; +} +header .highlight{ + color: #A2D7E9; + font-weight: bold; +} +header a:hover{ + color: #cccccc; + font-weight: bold; +} + +/* display */ + +#display{ + min-height: 400px; + background: url('../img/showcase.jpg') no-repeat 0 -400px; + text-align: center; + +} +#display h1{ + margin-top: 130px; + font-size: 55px; + margin-bottom: 10px; + +} +#display p{ + font-size: 20px; +} +/* square */ +#squares{ + margin-top: 20px; +} + +#squares .box{ + float: left; + text-align: center; + width: 30%; + padding: 10px; +} +#squares .box img{ + width: 90px; + border-radius: 50%; +} + +/* footer */ +footer{ + padding: 20px; + margin-top: 20px; + color: #ffffff; + background-color: #0B5068; + text-align: center; +} + +/* Media queries*/ +@media(max-width: 768px){ + header #brand, + header nav, + header nav li, + #squares .box + article#about-col, + aside#leftbar{ + float: none; + text-align: center; + width: 100%; + } + header{ + padding-bottom: 20px; + } + #display h1{ + margin-top: 40px; + } + .order button{ + display: block; + width: 100%; + } +} \ No newline at end of file diff --git a/UI/profile.html b/UI/profile.html new file mode 100644 index 0000000..40ac576 --- /dev/null +++ b/UI/profile.html @@ -0,0 +1,85 @@ + + + + + + Profile page + + + + + +
+
+
+

ProfilePage

+
+ +
+
+ + + +
+
+
+

Personal Info

+

Username: SiriusBlack

+

DOB: 20th March 1978

+

Address: Dagoretti Corner, Nairobi County

+

Phone: +254721*****6

+
    +
  • +

    Delivered Orders : 4

    +

    Thirty geography textbooks

    +

    ten marker pens

    +

    Two ink catridges

    +

    Fourteen HB pencils

    +
    • +
  • +

    Orders yet to arrive: 2

    +

    Eight square-ruled counterbooks

    +

    Fifty pieces of manilla paper

    +
    • +
+
+ + +
+
+ + + + +