+
+
+
+
+
+ FEMALE MENSTRUAL HEALTH
+
+
+
+
Contact:9876543210
+
Milap Contact:7658367584
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/handcapped.png b/handcapped.png
new file mode 100644
index 0000000..2852e27
Binary files /dev/null and b/handcapped.png differ
diff --git a/handicapped.jpg b/handicapped.jpg
new file mode 100644
index 0000000..50b63a6
Binary files /dev/null and b/handicapped.jpg differ
diff --git a/handicapped1.jpg b/handicapped1.jpg
new file mode 100644
index 0000000..1376c92
Binary files /dev/null and b/handicapped1.jpg differ
diff --git a/home construction for poor.jpg b/home construction for poor.jpg
new file mode 100644
index 0000000..06d8289
Binary files /dev/null and b/home construction for poor.jpg differ
diff --git a/i-need-help.html b/i-need-help.html
new file mode 100644
index 0000000..487f030
--- /dev/null
+++ b/i-need-help.html
@@ -0,0 +1,152 @@
+
+
+
+
+
Document
+
+
+
+
+
+
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e60a8d5
--- /dev/null
+++ b/index.html
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
Women Safety
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/index2.html b/index2.html
new file mode 100644
index 0000000..71dc9d2
--- /dev/null
+++ b/index2.html
@@ -0,0 +1,559 @@
+
+
+
+
+
+
+
+
+
+
+
Angels At Your Doorstep!
+
+
+
+
+
+
+
+
+
+
“No one is useless in this world who lightens the burdens of another.”
+ — Charles Dickens
+
+
+
What is Angels At Your Doorstep?
+
Charity means helping someone who is in need of it.It is a humanitarn act. It involves giving money,goods or time and effort to those who need it.This site provides you a platform for social welfare where you can donates old clothes , books , used household items etc.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Orphanage
+
Children living in orphanages tend to lead fairly structured lives. Due to the nature of an orphanage – many children, and fewer caregivers – life happens on a schedule.
+
+
+
+
+
+
+
+
+
+
+
Handicapped
+
Disability is a global public health issue – it affects one in seven people worldwide. Everybody is likely to experience disability at some point in life.
+
+
+
+
+
+
+
+
+
+
Widows
+
As widows move through their own experiences of grief, loss, or trauma after the death of a spouse, they may also face economic insecurity, discrimination, stigmatization, and harmful traditional practices on the basis of their marital status.
+
+
+
+
+
+
+
+
+
+
Old Age Homes
+
Only 3.6% of people over 65 years old are in nursing homes. Elderly men are likely to live with a spouse while elderly women are more likely to live alone. 4 in 5 older adults will battle at least one chronic condition or illness such as heart disorders, arthritis, or osteoporosis. 50% will battle at least two.
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/jacket.jpg b/jacket.jpg
new file mode 100644
index 0000000..f5c1304
Binary files /dev/null and b/jacket.jpg differ
diff --git a/kids books.jpg b/kids books.jpg
new file mode 100644
index 0000000..0e52bbc
Binary files /dev/null and b/kids books.jpg differ
diff --git a/laptop.jpg b/laptop.jpg
new file mode 100644
index 0000000..46d7a12
Binary files /dev/null and b/laptop.jpg differ
diff --git a/login and signup.html b/login and signup.html
new file mode 100644
index 0000000..7140dbc
--- /dev/null
+++ b/login and signup.html
@@ -0,0 +1,78 @@
+
+
+
+
+
Login & Signup Form | CodingNepal
+
+
+
+
+
+
+
Login Form
+
Signup Form
+
+
+
+
+
+
+
+
diff --git a/login style.css b/login style.css
new file mode 100644
index 0000000..11fd95e
--- /dev/null
+++ b/login style.css
@@ -0,0 +1,182 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Poppins', sans-serif;
+}
+html,body{
+ display: grid;
+ height: 100%;
+ width: 100%;
+ place-items: center;
+ background: -webkit-linear-gradient(left, #a445b2, #fa4299);
+}
+::selection{
+ background: #fa4299;
+ color: #fff;
+}
+.wrapper{
+ overflow: hidden;
+ max-width: 390px;
+ background: #fff;
+ padding: 30px;
+ border-radius: 5px;
+ box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
+}
+.wrapper .title-text{
+ display: flex;
+ width: 200%;
+}
+.wrapper .title{
+ width: 50%;
+ font-size: 35px;
+ font-weight: 600;
+ text-align: center;
+ transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
+}
+.wrapper .slide-controls{
+ position: relative;
+ display: flex;
+ height: 50px;
+ width: 100%;
+ overflow: hidden;
+ margin: 30px 0 10px 0;
+ justify-content: space-between;
+ border: 1px solid lightgrey;
+ border-radius: 5px;
+}
+.slide-controls .slide{
+ height: 100%;
+ width: 100%;
+ color: #fff;
+ font-size: 18px;
+ font-weight: 500;
+ text-align: center;
+ line-height: 48px;
+ cursor: pointer;
+ z-index: 1;
+ transition: all 0.6s ease;
+}
+.slide-controls label.signup{
+ color: #000;
+}
+.slide-controls .slider-tab{
+ position: absolute;
+ height: 100%;
+ width: 50%;
+ left: 0;
+ z-index: 0;
+ border-radius: 5px;
+ background: -webkit-linear-gradient(left, #a445b2, #fa4299);
+ transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
+}
+input[type="radio"]{
+ display: none;
+}
+#signup:checked ~ .slider-tab{
+ left: 50%;
+}
+#signup:checked ~ label.signup{
+ color: #fff;
+ cursor: default;
+ user-select: none;
+}
+#signup:checked ~ label.login{
+ color: #000;
+}
+#login:checked ~ label.signup{
+ color: #000;
+}
+#login:checked ~ label.login{
+ cursor: default;
+ user-select: none;
+}
+.wrapper .form-container{
+ width: 100%;
+ overflow: hidden;
+}
+.form-container .form-inner{
+ display: flex;
+ width: 200%;
+}
+.form-container .form-inner form{
+ width: 50%;
+ transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
+}
+.form-inner form .field{
+ height: 50px;
+ width: 100%;
+ margin-top: 20px;
+}
+.form-inner form .field input{
+ height: 100%;
+ width: 100%;
+ outline: none;
+ padding-left: 15px;
+ border-radius: 5px;
+ border: 1px solid lightgrey;
+ border-bottom-width: 2px;
+ font-size: 17px;
+ transition: all 0.3s ease;
+}
+.form-inner form .field input:focus{
+ border-color: #fc83bb;
+ /* box-shadow: inset 0 0 3px #fb6aae; */
+}
+.form-inner form .field input::placeholder{
+ color: #999;
+ transition: all 0.3s ease;
+}
+form .field input:focus::placeholder{
+ color: #b3b3b3;
+}
+.form-inner form .pass-link{
+ margin-top: 5px;
+}
+.form-inner form .signup-link{
+ text-align: center;
+ margin-top: 30px;
+}
+.form-inner form .pass-link a,
+.form-inner form .signup-link a{
+ color: #fa4299;
+ text-decoration: none;
+}
+.form-inner form .pass-link a:hover,
+.form-inner form .signup-link a:hover{
+ text-decoration: underline;
+}
+form .btn{
+ height: 50px;
+ width: 100%;
+ border-radius: 5px;
+ position: relative;
+ overflow: hidden;
+}
+form .btn .btn-layer{
+ height: 100%;
+ width: 300%;
+ position: absolute;
+ left: -100%;
+ background: -webkit-linear-gradient(right, #a445b2, #fa4299, #a445b2, #fa4299);
+ border-radius: 5px;
+ transition: all 0.4s ease;;
+}
+form .btn:hover .btn-layer{
+ left: 0;
+}
+form .btn input[type="submit"]{
+ height: 100%;
+ width: 100%;
+ z-index: 1;
+ position: relative;
+ background: none;
+ border: none;
+ color: #fff;
+ padding-left: 0;
+ border-radius: 5px;
+ font-size: 20px;
+ font-weight: 500;
+ cursor: pointer;
+}
diff --git a/loginandsignup.html b/loginandsignup.html
new file mode 100644
index 0000000..19ea76a
--- /dev/null
+++ b/loginandsignup.html
@@ -0,0 +1,78 @@
+
+
+
+
+
Login & Signup Form | CodingNepal
+
+
+
+
+
+
+
Login Form
+
Signup Form
+
+
+
+
+
+
+
+
diff --git a/loginstyle.css b/loginstyle.css
new file mode 100644
index 0000000..22ecd8d
--- /dev/null
+++ b/loginstyle.css
@@ -0,0 +1,182 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Poppins', sans-serif;
+}
+html,body{
+ display: grid;
+ height: 100%;
+ width: 100%;
+ place-items: center;
+ background: -webkit-linear-gradient(left, #a445b2, #4254fa);
+}
+::selection{
+ background: #a142fa;
+ color: #fff;
+}
+.wrapper{
+ overflow: hidden;
+ max-width: 390px;
+ background: #fff;
+ padding: 30px;
+ border-radius: 5px;
+ box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
+}
+.wrapper .title-text{
+ display: flex;
+ width: 200%;
+}
+.wrapper .title{
+ width: 50%;
+ font-size: 35px;
+ font-weight: 600;
+ text-align: center;
+ transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
+}
+.wrapper .slide-controls{
+ position: relative;
+ display: flex;
+ height: 50px;
+ width: 100%;
+ overflow: hidden;
+ margin: 30px 0 10px 0;
+ justify-content: space-between;
+ border: 1px solid lightgrey;
+ border-radius: 5px;
+}
+.slide-controls .slide{
+ height: 100%;
+ width: 100%;
+ color: #fff;
+ font-size: 18px;
+ font-weight: 500;
+ text-align: center;
+ line-height: 48px;
+ cursor: pointer;
+ z-index: 1;
+ transition: all 0.6s ease;
+}
+.slide-controls label.signup{
+ color: #000;
+}
+.slide-controls .slider-tab{
+ position: absolute;
+ height: 100%;
+ width: 50%;
+ left: 0;
+ z-index: 0;
+ border-radius: 5px;
+ background: -webkit-linear-gradient(left, #65acd4, #6637e9);
+ transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
+}
+input[type="radio"]{
+ display: none;
+}
+#signup:checked ~ .slider-tab{
+ left: 50%;
+}
+#signup:checked ~ label.signup{
+ color: #fff;
+ cursor: default;
+ user-select: none;
+}
+#signup:checked ~ label.login{
+ color: #000;
+}
+#login:checked ~ label.signup{
+ color: #000;
+}
+#login:checked ~ label.login{
+ cursor: default;
+ user-select: none;
+}
+.wrapper .form-container{
+ width: 100%;
+ overflow: hidden;
+}
+.form-container .form-inner{
+ display: flex;
+ width: 200%;
+}
+.form-container .form-inner form{
+ width: 50%;
+ transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
+}
+.form-inner form .field{
+ height: 50px;
+ width: 100%;
+ margin-top: 20px;
+}
+.form-inner form .field input{
+ height: 100%;
+ width: 100%;
+ outline: none;
+ padding-left: 15px;
+ border-radius: 5px;
+ border: 1px solid lightgrey;
+ border-bottom-width: 2px;
+ font-size: 17px;
+ transition: all 0.3s ease;
+}
+.form-inner form .field input:focus{
+ border-color: #83adfc;
+ /* box-shadow: inset 0 0 3px #fb6aae; */
+}
+.form-inner form .field input::placeholder{
+ color: #999;
+ transition: all 0.3s ease;
+}
+form .field input:focus::placeholder{
+ color: #b3b3b3;
+}
+.form-inner form .pass-link{
+ margin-top: 5px;
+}
+.form-inner form .signup-link{
+ text-align: center;
+ margin-top: 30px;
+}
+.form-inner form .pass-link a,
+.form-inner form .signup-link a{
+ color: #4298fa;
+ text-decoration: none;
+}
+.form-inner form .pass-link a:hover,
+.form-inner form .signup-link a:hover{
+ text-decoration: underline;
+}
+form .btn{
+ height: 50px;
+ width: 100%;
+ border-radius: 5px;
+ position: relative;
+ overflow: hidden;
+}
+form .btn .btn-layer{
+ height: 100%;
+ width: 300%;
+ position: absolute;
+ left: -100%;
+ background: -webkit-linear-gradient(right, #5545b2, #7b67eb, #a445b2, #fa4299);
+ border-radius: 5px;
+ transition: all 0.4s ease;;
+}
+form .btn:hover .btn-layer{
+ left: 0;
+}
+form .btn input[type="submit"]{
+ height: 100%;
+ width: 100%;
+ z-index: 1;
+ position: relative;
+ background: none;
+ border: none;
+ color: #fff;
+ padding-left: 0;
+ border-radius: 5px;
+ font-size: 20px;
+ font-weight: 500;
+ cursor: pointer;
+}
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000..941a29c
Binary files /dev/null and b/logo.png differ
diff --git a/logo1.png b/logo1.png
new file mode 100644
index 0000000..b6f665c
Binary files /dev/null and b/logo1.png differ
diff --git a/mukesh.jpg b/mukesh.jpg
new file mode 100644
index 0000000..06437ed
Binary files /dev/null and b/mukesh.jpg differ
diff --git a/navigation.html b/navigation.html
new file mode 100644
index 0000000..f8d1fe3
--- /dev/null
+++ b/navigation.html
@@ -0,0 +1,161 @@
+
+
+
+
+
+
+
+
+
+
+
Women Safety
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/need books.jpg b/need books.jpg
new file mode 100644
index 0000000..57aafaf
Binary files /dev/null and b/need books.jpg differ
diff --git a/need.css b/need.css
new file mode 100644
index 0000000..fef24ea
--- /dev/null
+++ b/need.css
@@ -0,0 +1,271 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;1,200&display=swap');
+
+*::selection{
+ background:var(--orange);
+ color: #fff;
+}
+
+section{
+ padding: 2rem 9%;
+}
+
+.heading{
+ text-align: center;
+ padding: 2.5rem 0;
+}
+
+.heading span{
+ font-size: 3.5rem;
+ background: rgba(255, 165, 0, .2);
+ color: var(--orange);
+ border-radius: .5rem;
+ padding: .2rem 1rem;
+}
+
+.heading span.space{
+ background: none;
+}
+
+
+.donation .row{
+ display: flex;
+ flex-wrap: wrap;
+ gap: 2rem;
+}
+
+.donation .row .column{
+ flex:1 1 30rem;
+ border-radius: .5rem;
+ overflow: hidden;
+ box-shadow: 0 1rem 2rem rgba(0,0,0,.1);
+
+}
+
+
+.donation .row .column img{
+ height: 32rem;
+ width: 100%;
+ object-fit: cover;
+}
+
+.donation .row .column .content{
+ padding: 2rem;
+}
+
+.donation .row .column .content h3{
+ font-size: 2rem;
+ color: #333;
+}
+
+.donation .row .content h3 i{
+ color: var(--orange);
+}
+
+.donation .row .column .content p{
+ font-size: 1.7rem;
+ color: #666;
+ padding: 1rem 0;
+}
+#menubar {
+ width: 898px;
+ height: 52px;
+ padding: 10;
+ background: #000;
+ }
+
+ ul#menu,
+ ul#menu li {
+ float: left;
+ margin: 0;
+ padding: 0;
+ width: auto;
+ }
+
+ ul#menu li {
+ list-style: none;
+ }
+
+ ul#menu li a {
+ letter-spacing: 0.1em;
+ font: normal 100% "Bellefair", arial, sans-serif;
+ display: block;
+ float: left;
+ height: 17px;
+ margin: 10px 0 0 10px;
+ padding: 9px 26px 6px 26px;
+ text-align: center;
+ color: #fff;
+ text-transform: uppercase;
+ text-decoration: none;
+ background: transparent;
+ }
+
+ ul#menu li a:hover,
+ ul#menu li.selected a,
+ ul#menu li.selected a:hover {
+ color: #32ccb7;
+ background: #fff;
+ }
+ #main,
+ #logo,
+ #menubar,
+ #site_content,
+ #footer {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ #header {
+ background: transparent;
+ height: 202px;
+ }
+
+ #logo {
+ width: 898px;
+ position: relative;
+ height: 148px;
+ }
+
+ #logo #logo_text {
+ position: absolute;
+ top: 20px;
+ left: 0;
+ }
+
+ #logo h1,
+ #logo h2 {
+ font: normal 300% "Amarante", cursive, sans-serif;
+ border-bottom: 0;
+ text-transform: none;
+ margin: 0;
+ }
+
+ #logo_text h1,
+ #logo_text h1 a,
+ #logo_text h1 a:hover {
+ padding: 22px 0 0 0;
+ color: #000;
+ letter-spacing: -1px;
+ text-decoration: none;
+ }
+
+ #logo_text h1 a .logo_colour {
+ color: #32ccb7;
+ font: italic 36px garamond;
+ font-family: "Princess sofia";
+ }
+
+ #logo_text h1 a .logo_colour2 {
+ color: #000000;
+ font: italic 36px garamond;
+ font-family: "Princess sofia";
+ }
+
+ #logo_text h2 {
+ font-size: 100%;
+ padding: 4px 0 0 0;
+ color: #000;
+ }
+ * {
+ margin: 0;
+ padding: 0;
+ }
+
+ body {
+ font: normal 0.8em "Bellefair", arial, sans-serif;
+ background: url(background.png) repeat;
+ color: #fff;
+ }
+
+ p {
+ padding: 0 0 20px 0;
+ line-height: 1.7em;
+ }
+
+ img {
+ border: 0;
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ font: normal 175% "Bellefair", arial, sans-serif;
+ color: #32ccb7;
+ margin: 0 0 15px 0;
+ padding: 15px 0 5px 0;
+ }
+
+ h2 {
+ font: normal 175% "Amarante", arial, sans-serif;
+ }
+
+ h4,
+ h5,
+ h6 {
+ margin: 0;
+ padding: 0 0 5px 0;
+ font: normal 120% "Bellefair", arial, sans-serif;
+ }
+
+ h5,
+ h6 {
+ font: italic 95% "Bellefair", arial, sans-serif;
+ padding: 0 0 15px 0;
+ }
+
+ a,
+ a:hover {
+ outline: none;
+ text-decoration: underline;
+ color: #fff;
+ }
+
+ a:hover {
+ text-decoration: none;
+ }
+
+ .left {
+ float: left;
+ width: auto;
+ margin-right: 10px;
+ }
+
+ .right {
+ float: right;
+ width: auto;
+ margin-left: 10px;
+ }
+
+ .center {
+ display: block;
+ text-align: center;
+ margin: 20px auto;
+ }
+
+ blockquote {
+ margin: 20px 0;
+ padding: 10px 20px 0 20px;
+ border: 1px solid #e5e5db;
+ background: #fff;
+ }
+
+ ul {
+ margin: 2px 0 22px 17px;
+ }
+
+ ul li {
+ list-style-type: circle;
+ margin: 0 0 6px 0;
+ padding: 0 0 4px 5px;
+ }
+
+ ol {
+ margin: 8px 0 22px 20px;
+ }
+
+ ol li {
+ margin: 0 0 11px 0;
+ }
\ No newline at end of file
diff --git a/need.html b/need.html
new file mode 100644
index 0000000..e2859a9
--- /dev/null
+++ b/need.html
@@ -0,0 +1,141 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+ N
+ E
+ E
+ D
+ S
+
+
+
+
+
+
+
+
+
+ PHAGWARA
+
+
+
NAME-INDIAN ORPHANAGE CONTACT-9876543210
+
+
+
+
+
+
+
+
+
+
+
+ Bindapur
+
+
NAME-OLD AGE HOME CONTACT-8897384737
+
+
+
+
+
+
+
+
+
+
+
+ Manipur
+
+
NAME-ORPHANAGE CONTACT-8897384737
+
+
+
+
+
+
+
+
+
+
+
+ Hoshiarpur
+
+
NAME-HOPE ORPHANAGE HOME CONTACT-8897384737
+
+
+
+
+
+
+
+
+
+
+ Patiala
+
+
NAME-OLD AGE HOME CONTACT-8897384737
+
+
+
+
+
+
+
+
+
+
+ Himachal Pradesh
+
+
NAME-KIDS HOME CONTACT-8897384737
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/oie_W4C903KqY9El.jpg b/oie_W4C903KqY9El.jpg
new file mode 100644
index 0000000..47489eb
Binary files /dev/null and b/oie_W4C903KqY9El.jpg differ
diff --git a/oldagehome.png b/oldagehome.png
new file mode 100644
index 0000000..c4b9363
Binary files /dev/null and b/oldagehome.png differ
diff --git a/orphanage.png b/orphanage.png
new file mode 100644
index 0000000..afc24e4
Binary files /dev/null and b/orphanage.png differ
diff --git a/orphanage1.jpg b/orphanage1.jpg
new file mode 100644
index 0000000..a3bc935
Binary files /dev/null and b/orphanage1.jpg differ
diff --git a/page_four.html b/page_four.html
new file mode 100644
index 0000000..bbbd926
--- /dev/null
+++ b/page_four.html
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
Women Safety
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
!!!Keep Calm Someone will hear you and come for help... !!!
+
+
+
+
+
\ No newline at end of file
diff --git a/page_three.html b/page_three.html
new file mode 100644
index 0000000..3ed4356
--- /dev/null
+++ b/page_three.html
@@ -0,0 +1,180 @@
+
+
+
+
+
+
+
+
+
Women Safety
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Call 1901
+
+
+
+
+
+
+
+
+
+ Mobile Number 2
+
+
+
+ Message
+ Please save me. I am in Danger
+
+ Send
+             
+ Clear
+
+
+
+
+
+
+
+ Mobile Number 3
+
+
+
+ Message
+ Please save me. I am in Danger
+
+ Send
+             
+ Clear
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/page_two.html b/page_two.html
new file mode 100644
index 0000000..dd2b992
--- /dev/null
+++ b/page_two.html
@@ -0,0 +1,147 @@
+
+
+
+
+
+
+
+
+
+
+
Women Safety
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/phone.jpeg b/phone.jpeg
new file mode 100644
index 0000000..b5afe47
Binary files /dev/null and b/phone.jpeg differ
diff --git a/siren.mp3 b/siren.mp3
new file mode 100644
index 0000000..1925219
Binary files /dev/null and b/siren.mp3 differ
diff --git a/sos.jpeg b/sos.jpeg
new file mode 100644
index 0000000..1512e59
Binary files /dev/null and b/sos.jpeg differ
diff --git a/stop.png b/stop.png
new file mode 100644
index 0000000..9f0dd64
Binary files /dev/null and b/stop.png differ
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..409ac01
--- /dev/null
+++ b/style.css
@@ -0,0 +1,406 @@
+html {
+ height: 100%;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ font: normal 0.8em "Bellefair", arial, sans-serif;
+ background: #f0efe2 url(background.png) repeat;
+ color: #fff;
+}
+
+p {
+ padding: 0 0 20px 0;
+ line-height: 1.7em;
+}
+
+img {
+ border: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font: normal 175% "Bellefair", arial, sans-serif;
+ color: #32ccb7;
+ margin: 0 0 15px 0;
+ padding: 15px 0 5px 0;
+}
+
+h2 {
+ font: normal 175% "Amarante", arial, sans-serif;
+}
+
+h4,
+h5,
+h6 {
+ margin: 0;
+ padding: 0 0 5px 0;
+ font: normal 120% "Bellefair", arial, sans-serif;
+}
+
+h5,
+h6 {
+ font: italic 95% "Bellefair", arial, sans-serif;
+ padding: 0 0 15px 0;
+}
+
+a,
+a:hover {
+ outline: none;
+ text-decoration: underline;
+ color: #fff;
+}
+
+a:hover {
+ text-decoration: none;
+}
+
+.left {
+ float: left;
+ width: auto;
+ margin-right: 10px;
+}
+
+.right {
+ float: right;
+ width: auto;
+ margin-left: 10px;
+}
+
+.center {
+ display: block;
+ text-align: center;
+ margin: 20px auto;
+}
+
+blockquote {
+ margin: 20px 0;
+ padding: 10px 20px 0 20px;
+ border: 1px solid #e5e5db;
+ background: #fff;
+}
+
+ul {
+ margin: 2px 0 22px 17px;
+}
+
+ul li {
+ list-style-type: circle;
+ margin: 0 0 6px 0;
+ padding: 0 0 4px 5px;
+}
+
+ol {
+ margin: 8px 0 22px 20px;
+}
+
+ol li {
+ margin: 0 0 11px 0;
+}
+
+#main,
+#logo,
+#menubar,
+#site_content,
+#footer {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+#header {
+ background: transparent;
+ height: 202px;
+}
+
+#logo {
+ width: 898px;
+ position: relative;
+ height: 148px;
+}
+
+#logo #logo_text {
+ position: absolute;
+ top: 20px;
+ left: 0;
+}
+
+#logo h1,
+#logo h2 {
+ font: normal 300% "Amarante", cursive, sans-serif;
+ border-bottom: 0;
+ text-transform: none;
+ margin: 0;
+}
+
+#logo_text h1,
+#logo_text h1 a,
+#logo_text h1 a:hover {
+ padding: 22px 0 0 0;
+ color: #000;
+ letter-spacing: -1px;
+ text-decoration: none;
+}
+
+#logo_text h1 a .logo_colour {
+ color: #32ccb7;
+ font: italic 36px garamond;
+ font-family: "Princess sofia";
+}
+
+#logo_text h1 a .logo_colour2 {
+ color: #000000;
+ font: italic 36px garamond;
+ font-family: "Princess sofia";
+}
+
+#logo_text h2 {
+ font-size: 100%;
+ padding: 4px 0 0 0;
+ color: #000;
+}
+
+#menubar {
+ width: 898px;
+ height: 52px;
+ padding: 10;
+ background: #000;
+}
+
+ul#menu,
+ul#menu li {
+ float: left;
+ margin: 0;
+ padding: 0;
+ width: auto;
+}
+
+ul#menu li {
+ list-style: none;
+}
+
+ul#menu li a {
+ letter-spacing: 0.1em;
+ font: normal 100% "Bellefair", arial, sans-serif;
+ display: block;
+ float: left;
+ height: 17px;
+ margin: 10px 0 0 10px;
+ padding: 9px 26px 6px 26px;
+ text-align: center;
+ color: #fff;
+ text-transform: uppercase;
+ text-decoration: none;
+ background: transparent;
+}
+
+ul#menu li a:hover,
+ul#menu li.selected a,
+ul#menu li.selected a:hover {
+ color: #32ccb7;
+ background: #fff;
+}
+
+#site_content {
+ width: 854px;
+ overflow: hidden;
+ margin: 0 auto 0 auto;
+ padding: 0 24px 20px 20px;
+ background: #000;
+}
+
+.sidebar {
+ float: right;
+ width: 210px;
+ padding: 0 15px 20px 15px;
+}
+
+.sidebar ul {
+ width: 198px;
+ padding: 4px 0 0 0;
+ margin: 4px 0 30px 0;
+}
+
+.sidebar li {
+ list-style: none;
+ padding: 0 0 7px 0;
+}
+
+.sidebar li a,
+.sidebar li a:hover {
+ padding: 0 0 0 40px;
+ display: block;
+ background: transparent url(link.png) no-repeat left center;
+}
+
+.sidebar li a.selected {
+ color: #247e63;
+ text-decoration: none;
+}
+
+#content {
+ text-align: center;
+ padding: 0;
+}
+
+#content1 {
+ text-align: center;
+ float: center;
+ width: 595px;
+ padding: 0;
+}
+#content ul {
+ margin: 2px 0 22px 0px;
+}
+
+#content ul li {
+ list-style-type: none;
+ background: url(bullet.png) no-repeat;
+ margin: 0 0 6px 0;
+ padding: 0 0 4px 25px;
+ line-height: 1.5em;
+}
+
+#footer {
+ width: 898px;
+ font: normal 100% "Bellefair", arial, sans-serif;
+ height: 33px;
+ padding: 24px 0 5px 0;
+ text-align: center;
+ background: transparent;
+ color: #000;
+ text-transform: uppercase;
+ letter-spacing: 0.1em;
+}
+
+#footer a {
+ color: #000;
+ text-decoration: none;
+}
+
+#footer a:hover {
+ color: #000;
+ text-decoration: underline;
+}
+
+.search {
+ color: #5d5d5d;
+ border: 1px solid #bbb;
+ width: 134px;
+ padding: 4px;
+ font: 100% "Bellefair", arial, sans-serif;
+}
+
+#colours {
+ height: 0px;
+ text-align: right;
+ padding: 66px 16px 0px 300px;
+}
+
+.form_settings {
+ margin: 15px 0 0 0;
+}
+
+.form_settings p {
+ padding: 0 0 4px 0;
+}
+
+.form_settings span {
+ float: left;
+ width: 200px;
+ text-align: left;
+}
+
+.form_settings input,
+.form_settings textarea {
+ padding: 5px;
+ width: 299px;
+ font: 100% "Bellefair", arial;
+ border: 1px solid #e5e5db;
+ background: #fff;
+ color: #47433f;
+}
+
+.form_settings .submit {
+ font: 100% arial;
+ border: 1px solid;
+ width: 99px;
+ margin: 0 0 0 212px;
+ height: 33px;
+ padding: 2px 0 3px 0;
+ cursor: pointer;
+ background: #000;
+ color: #fff;
+}
+
+.form_settings textarea,
+.form_settings select {
+ font: 100% "Bellefair", arial;
+ width: 299px;
+}
+
+.form_settings select {
+ width: 310px;
+}
+
+.form_settings .checkbox {
+ margin: 4px 0;
+ padding: 0;
+ width: 14px;
+ border: 0;
+ background: none;
+}
+
+.separator {
+ width: 100%;
+ height: 0;
+ border-top: 1px solid #d9d5cf;
+ border-bottom: 1px solid #fff;
+ margin: 0 0 20px 0;
+}
+
+table {
+ margin: 10px 0 30px 0;
+}
+
+table tr th,
+table tr td {
+ background: #3b3b3b;
+ color: #fff;
+ padding: 7px 4px;
+ text-align: left;
+}
+
+table tr td {
+ background: #f0efe2;
+ color: #47433f;
+ border-top: 1px solid #fff;
+}
+
+body {
+ background: white;
+}
+
+.zoomimage {
+ width: auto;
+ height: auto;
+ overflow: hidden;
+ text-align: center;
+ padding: 30px;
+}
+
+img {
+ max-width: 100%;
+ max-height: 100%;
+ transition: 0.75s;
+}
+/*.zoomimage:hover img{
+ transform: scale(5);
+}*/
diff --git a/wallpaper.jpg b/wallpaper.jpg
new file mode 100644
index 0000000..69d135d
Binary files /dev/null and b/wallpaper.jpg differ
diff --git a/widow.png b/widow.png
new file mode 100644
index 0000000..d36f746
Binary files /dev/null and b/widow.png differ
diff --git a/women.jpg b/women.jpg
new file mode 100644
index 0000000..e00445f
Binary files /dev/null and b/women.jpg differ