diff --git a/modified UI grp-4/css/homepage.css b/modified UI grp-4/css/homepage.css new file mode 100644 index 0000000..480cacb --- /dev/null +++ b/modified UI grp-4/css/homepage.css @@ -0,0 +1,262 @@ + + +h1{ + color: #cc3300; + font-size: 60px; + font-family: 'Ubuntu', sans-serif; + +} +p{ + font-size:23px; +} + +body, html { + height: 100%; +} + +* { + box-sizing: border-box; +} + +.bg-image { + /* The image used */ + background-image: url("https://storage.needpix.com/rsynced_images/aerial-3246120_1280.jpg"); + + /* Add the blur effect */ + filter: blur(8px); + -webkit-filter: blur(8px); + + /* Full height */ + height: 100%; + + /* Center and scale the image nicely */ + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +/* Position text in the middle of the page/image */ +.bg-text { + background-color: rgb(0,0,0); /* Fallback color */ + background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */ + color: white; + font-weight: bold; + border: 3px solid #f1f1f1; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + width: 80%; + padding: 20px; + text-align: center; +} + + + + + +/*footer*/ + +#fp{ + color:dark blue; + letter-spacing: 1px; + font-size:20px; +} +#center{ + display:block; + margin: 10 auto; + text-align: center; + font-size:25px; + + +} + +#sign{ + display:block; + margin: 15px auto; + text-align: center; + font-family: 'Ubuntu', sans-serif; + width: 180px; + height: 40px; + border: none; + font-size: 25px; + background-color: #fba70b; + color: #ffffff; + text-decoration:none; + letter-spacing: 1px; + padding: 10px 25px; + border-radius: 25px; + + +} +#sign:hover{ + background-color: #cc3300; +} +footer{ + display:block; + width: 100%; + min-height: 80px; + box-shadow: 0px 2px 8px #ccc; + background-color:#ffffff; + text-align:center; + display:flex; + flex-direction:row; + align-items: center; + justify-content: space-between; +} +footer a:hover{ + color: #fba70b; +} + +.segment-four form input[type=submit]{ + background: black; + border:none; + padding: 3px 15px; + margin-left: -5px; + margin-top: 6px; + color: #fff; + text-transform: uppercase; +} + + + +#search1 +{ padding-top: 9px !important; + float:right !important ; +} +.read-more-btn{ + padding: 5px 12px 8px; + border-radius: 20px; + line-height: 20px; + font-size: 14px; + color:#fff; + border:none!important; +} + +.footer-top{ + background-color: rgba(0, 109, 119,0.5) ; + padding: 50px 0; + margin-top: 30px ; +} +.segment-one h3{ + font-family:'Courier New', Courier, monospace; + + letter-spacing: 2px; + font-size: 40px ; + margin: 10px 0; +} +.segment-two h2{ + font-family:'Courier New', Courier, monospace; + text-transform: uppercase; +} +.segment-two h2:before{ + content: '|'; + color:#c65039; + padding-right: 10px; +} +.segment-two ul{ + margin: 0; + padding: 0; + list-style: none; +} +.segment-two ul li{ + border-bottom: 1px solid rgba(255,255, 255, 0.3); + line-height: 30px; +} +.segment-two ul li a{ + color:black; + text-decoration: none; +} +.segment-three h2{ + text-transform: uppercase; + font-family: 'Courier New', Courier, monospace; + } +.segment-three h2:before{ + content: '|'; + color:#c65039; + padding-right: 10px; +} +.segment-three a{ + background: #494848; + width: 40px; + height: 40px; + display: inline-block; + border-radius: 50%; +} +.segment-three a i{ + font-size: 20px; + color:#fff; + padding: 10px 12px; +} +.segment-four h2{ + text-transform: uppercase; + font-family: 'Courier New', Courier, monospace; +} +.segment-four h2:before{ + content: '|'; + color:#c65039; + padding-right: 10px; +} + +.bg-text { + background-color: rgb(107, 89, 62); /* Fallback color */ + background-color: rgba(107, 89, 62, 0.7); /* Black w/opacity/see-through */ + color: white; + font-weight: bold; + border: 3px solid #f1f1f1; + position: absolute; + top: 70%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + width: 60%; + padding: 50px; + text-align: center; +} +h1,h3 +{ text-align: center ; + font-family: 'ZCOOL XiaoWei', serif; +color: black ; + background-color: rgba(242, 240, 237,0.5) ; +} + +h3{ + color: #012d73 !important; +font-family: 'Special Elite', cursive; +} + +ul{ + float: right ; + list-style-type:none; + margin-top: 25px; + +} +ul li{ + display:inline-block; +} +ul li a{ + text-decoration: none; + color:white; + padding: 5px 20px; + border:1px solid #fff transparent; + transition: 0.6s ease; +} +ul li a:hover{ + background-color: #fff; + color:black; +} +ul li.active a{ + background-color: #fff; + color:black; +} +.footer-bottom-text{ + text-align: center; + background: white; + line-height: 70px; +} +.card-deck +{ align: center ; + margin-left: 14% ; + margin-right: 14% ; +} diff --git a/modified UI grp-4/css/latestblogs.css b/modified UI grp-4/css/latestblogs.css new file mode 100644 index 0000000..85dc9e8 --- /dev/null +++ b/modified UI grp-4/css/latestblogs.css @@ -0,0 +1,198 @@ + + +*{ + margin: 0; + padding: 0; +} +body{ + background-color: #efefef !important; + border: 40px solid ; + border-top: 0px ; +} +ul{ + float: right; + list-style-type:none; + margin-top: 25px; + +} +ul li{ + display:inline-block; +} +ul li a{ + text-decoration: none; + color:white; + padding: 5px 20px; + border:1px solid #fff transparent; + transition: 0.6s ease; +} +ul li a:hover{ + background-color: #fff; + color:black; +} +ul li.active a{ + background-color: #fff; + color:black; +} + +input{ + border:3px solid #007bff; + border-radius: 50px; + padding: 0px 10px; +} +.blog-1-img{ + height: 200px; + width: 300px; +} +.single-blog{ + box-shadow: 0px 0px 20px 1px rgba(0,0,00.2); + padding: 10px; + margin: 10px; + margin-top: 30px; + background-color: #fff; +} +.single-blog img{ + width: 100%; +} + +.blog-meta{ + font-size: 14px; + margin-bottom: 2px; +} +.single-blog span{ + float:right; + font-size: 12px; + color: cornflowerblue; +} +.blog-text{ + font-size: 14px; + text-align: justify; +} +.single-blog h2{ + margin-top: 10px; + font-size: 16px; + color:#007bff; +} +.single-blog h2 a{ + text-decoration: none; +} +.read-more-btn{ + background-image: linear-gradient(to right,#1c03b5,#5c8bef); + padding: 5px 12px 8px; + border-radius: 20px; + line-height: 20px; + font-size: 14px; + color:#fff; + border:none!important; +} +.read-more-btn:hover{ + background-image: linear-gradient(to right,#006417,#00b128); + text-decoration: none; + color: #fff; +} +.footer-top{ + background-color: rgba(0, 109, 119,0.5) ; + padding: 50px 0; + margin-top: 30px ; +} +.segment-one h3{ + font-family:'Courier New', Courier, monospace; + + letter-spacing: 2px; + font-size: 40px ; + margin: 10px 0; +} +.segment-two h2{ + font-family:'Courier New', Courier, monospace; + text-transform: uppercase; +} +.segment-two h2:before{ + content: '|'; + color:#c65039; + padding-right: 10px; +} +.segment-two ul{ + margin: 0; + padding: 0; + list-style: none; +} +.segment-two ul li{ + border-bottom: 1px solid rgba(255,255, 255, 0.3); + line-height: 30px; +} +.segment-two ul li a{ + color:black; + text-decoration: none; +} +.segment-three h2{ + text-transform: uppercase; + font-family: 'Courier New', Courier, monospace; + } +.segment-three h2:before{ + content: '|'; + color:#c65039; + padding-right: 10px; +} +.segment-three a{ + background: #494848; + width: 40px; + height: 40px; + display: inline-block; + border-radius: 50%; +} +.segment-three a i{ + font-size: 20px; + color:#fff; + padding: 10px 12px; +} +.segment-four h2{ + text-transform: uppercase; + font-family: 'Courier New', Courier, monospace; +} +.segment-four h2:before{ + content: '|'; + color:#c65039; + padding-right: 10px; +} +.segment-four form input[type=submit]{ + background: black; + border:none; + padding: 3px 15px; + margin-left: -5px; + margin-top: 6px; + color: #fff; + text-transform: uppercase; +} +.footer-bottom-text{ + text-align: center; + background: white; + line-height: 70px; +} +footer{ + margin-left: 10px; + margin-right: 10px; + margin-top: 10px; + +} + +h1,h3 +{ text-align: center ; + font-family: 'ZCOOL XiaoWei', serif; +color: black ; + background-color: rgba(242, 240, 237,0.5) ; +} + +h3{ + color: #012d73 !important; +font-family: 'Special Elite', cursive; +} + + +.bg-image { + background-image: url("https://image.freepik.com/free-photo/top-view-pencil-black-coffee-laptop-notebook-office-desk-background_1921-188.jpg") !important ; + filter: blur(5px); + -webkit-filter: blur(5px); + height: 100%; + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} diff --git a/modified UI grp-4/css/login.css b/modified UI grp-4/css/login.css new file mode 100644 index 0000000..ae92c50 --- /dev/null +++ b/modified UI grp-4/css/login.css @@ -0,0 +1,52 @@ +body { + /* background-color: #14213d !important ; */ + background-image: url("https://storage.needpix.com/rsynced_images/aerial-3246120_1280.jpg"); + background-repeat: no-repeat; + background-size: cover ; + margin: 0px; +/* padding:70px ; */ +padding-bottom : 50px ; +border: 60px solid ; +border-top: 0px ; + } + + +table{ + margin: auto; + width: 80% ; + +} + + +th{ + height: 100%; + width: 50% ; + +} + +#main{ + padding: 20px 10px ; + background-color: rgba(0, 109, 119,0.5) ; + font-family: "Montserrat"; + color:white ; +} + +#th1{ + background-color: rgba(107, 89, 62,0.7) ; + text-align: center ; + font-family: 'ZCOOL XiaoWei', serif; + color: white ; + +} + +h1,h3 +{ text-align: center ; + font-family: 'ZCOOL XiaoWei', serif; +color: black ; + background-color: rgba(242, 240, 237,0.5) ; +} + +h3{ + color: #012d73 !important; +font-family: 'Special Elite', cursive; +} diff --git a/modified UI grp-4/homepage.html b/modified UI grp-4/homepage.html new file mode 100644 index 0000000..42b8cd9 --- /dev/null +++ b/modified UI grp-4/homepage.html @@ -0,0 +1,145 @@ + + + + Home + + + + + + + + + + +
+
+ + +
+
+ +
+ +
+

Welcome to Let's Blog!

+

Join us and dive into the world of django

+

Read | Create | Learn

+ +
+

OR

+ + + + +
+
+

POPULAR BLOGS

+
+
+
+ ... +
+

Django Framework

+

ango requires pip to start installation. Pip is a package manager system which is used to install...

+

Read More +

+
+ Last updated 30 mins ago +
+
+
+ ... +
+

Django Cookies

+

cookie is a small piece of information which is stored in the client browser. It is used + to store user's data in a file per...

+

Read More + +

+
+ Last updated 8 days ago +
+
+
+ ... +
+

Djano App

+

Django application consists of project and app, it also generates an automatic base directory for the app....

+

Read More +

+
+ Last updated 5 days ago +
+
+
+ + + + diff --git a/modified UI grp-4/images/Django-Apps-1.jpg b/modified UI grp-4/images/Django-Apps-1.jpg new file mode 100644 index 0000000..d1acb16 Binary files /dev/null and b/modified UI grp-4/images/Django-Apps-1.jpg differ diff --git a/modified UI grp-4/images/Python-Djangojpg.jpg b/modified UI grp-4/images/Python-Djangojpg.jpg new file mode 100644 index 0000000..c5e9f94 Binary files /dev/null and b/modified UI grp-4/images/Python-Djangojpg.jpg differ diff --git a/modified UI grp-4/images/django app.jpg b/modified UI grp-4/images/django app.jpg new file mode 100644 index 0000000..89a03b7 Binary files /dev/null and b/modified UI grp-4/images/django app.jpg differ diff --git a/modified UI grp-4/images/django-cookies.jpg b/modified UI grp-4/images/django-cookies.jpg new file mode 100644 index 0000000..e664acf Binary files /dev/null and b/modified UI grp-4/images/django-cookies.jpg differ diff --git a/modified UI grp-4/images/django1.png b/modified UI grp-4/images/django1.png new file mode 100644 index 0000000..36285df Binary files /dev/null and b/modified UI grp-4/images/django1.png differ diff --git a/modified UI grp-4/images/download.jpg b/modified UI grp-4/images/download.jpg new file mode 100644 index 0000000..f84e3f6 Binary files /dev/null and b/modified UI grp-4/images/download.jpg differ diff --git a/modified UI grp-4/images/install.jpg b/modified UI grp-4/images/install.jpg new file mode 100644 index 0000000..bc9222c Binary files /dev/null and b/modified UI grp-4/images/install.jpg differ diff --git a/modified UI grp-4/latestblogs.html b/modified UI grp-4/latestblogs.html new file mode 100644 index 0000000..d6f4f4d --- /dev/null +++ b/modified UI grp-4/latestblogs.html @@ -0,0 +1,168 @@ + + + + + Latest Blogs + + + + + + + + + +
+
+ + +
+
+
+
+

Latest Blogs

+ +
+
+
+

By AdminSeptember 24,2019

+ +

Django Exceptions

+

An exception is an abnormal event that leads to program failure. + To deal with this situation, Django uses its own exception classes and supports all core Python exceptions as well.

+

Read More + 70 people liked 13.. +

+
+
+
+
+

By Alexa September 26,2019

+ +

Django Features

+

Django was designed with the intention to make a framework which takes less time to build web application. + The project implementation phase is a very time taken but Django creates it rapidly.

+

Read More + 60 people liked 3.. +

+
+
+
+
+

By userOctober 2,2018

+ +

Django Installation

+

Django requires pip to start installation. Pip is a package manager system which is used to install and manage packages written in python. For Python 3.4 and higher versions pip3 is used .

+

Read More + 47 people liked 3.. +

+
+
+
+
+

By John Jan 23,2020

+ +

Django App

+

Django application consists of project and app, it also generates an automatic base directory for the app, so we can focus + on writing rather than creating app directories.

+

Read More + 98 people liked 32.. +

+
+
+
+
+

By coder Feb 26,2020

+ +

Django Cookie

+

A cookie is a small piece of information which is stored in the client browser. It is used + to store user's data in a file permanently (or for the specified time).

+

Read More + 94 people liked 8.. +

+
+
+
+
+

By Admin September 26,2019

+ +

Django Form Validation

+

Django provides built-in methods to validate form data automatically. Django forms submit only if it contains + CSRF tokens. It uses uses a clean and easy approach to validate data.

+

Read More + 78 people liked 5.. +

+
+
+
+
+ + + + diff --git a/modified UI grp-4/login_page.html b/modified UI grp-4/login_page.html new file mode 100644 index 0000000..f9519ca --- /dev/null +++ b/modified UI grp-4/login_page.html @@ -0,0 +1,84 @@ + + + + + + + + +Let's Blog + + + + + + +
+
+

Welcome to Let's Blog!


+

Login and dive into the world of Django !

+
+ + + + + + +
+

EAT
SLEEP
CODE
REPEAT

+		 + +
+
+
+
+ +
+
+
+
+ +
+
+
+ +

+

Not a member? + + + +

+
+ +
+ +
+ + diff --git a/modified UI grp-4/signup.html b/modified UI grp-4/signup.html new file mode 100644 index 0000000..33e2081 --- /dev/null +++ b/modified UI grp-4/signup.html @@ -0,0 +1,84 @@ + + + + + + + + +Sign up + + + + + + +
+
+

Welcome to Let's Blog!


+

Sign up and dive into the world of Django !

+
+ + + + + +
+ +
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+ +

+
+ +
+ +
+ +