diff --git a/Web Calendar/aboutus.html b/Web Calendar/aboutus.html new file mode 100644 index 0000000..1c4daa6 --- /dev/null +++ b/Web Calendar/aboutus.html @@ -0,0 +1,61 @@ + + + + + + + Document + + + +

About Us

+
+ +
+

Hello This is Pranjal Singh . I have Created a Web Calender for a helping

+ + \ No newline at end of file diff --git a/Web Calendar/forgetpass.css b/Web Calendar/forgetpass.css new file mode 100644 index 0000000..7f69820 --- /dev/null +++ b/Web Calendar/forgetpass.css @@ -0,0 +1,135 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; +} + +body { + background: radial-gradient(ellipse at bottom,#384352,#111827) fixed; + +} + +.login_form { + background-color: rgb(223, 95, 95); + width: 500px; + height: auto; + margin: 50px auto; + + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + border-radius: 7px; + box-shadow: 0 5px 25px rgba(3, 19, 51, 0.959); + +} + +.login_form h1 { + padding: 25px 10px 0 95px; + color: #fff; +} + +.login_form .content { + padding: 35px; + text-align: center; +} + +.login_form .input_field { + padding: 12px 5px; +} + +.login_form .input_field input { + font-size: 20px; + display: block; + font-family: 'Rubik', sans-serif; + width: 100%; + padding: 10px 1px; + border: 0; + border-bottom: 1px solid #747474; + border-radius: 5px; + outline: none; + -webkit-transition: all .2s; + transition: all .2s; + +} + +.login_form .input_field input::-webkit-input-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input::-moz-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input:-ms-input-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input::placeholder { + text-transform: uppercase; +} + +.login_form .input_field input:focus { + border-color: rgb(31, 25, 25); +} + +.login-form a.link { + text-decoration: none; + color: #5e5d77; + letter-spacing: 0.2px; + text-transform: uppercase; + display: inline-block; + margin-top: 20px; +} + +.login_form .action { + display: -webkit-box; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; +} + +.login_form .action button { + width: 100%; + border: none; + padding: 7px; + margin: 10px 160px; + font-family: 'Rubik', sans-serif; + cursor: pointer; + text-transform: uppercase; + background-color: rgb(234, 248, 237); + color: rgb(69, 71, 71); + + border-radius: 5px; + letter-spacing: 0.2px; + outline: 0; + -webkit-transition: all .3s; + transition: all .3s; +} + +.login_form .action button:hover { + background: #969ca5; +} + +.login_form .action button:nth-child(2) { + background: #313f59; + color: #fff; + border-bottom-left-radius: 0; + border-bottom-right-radius: 4px; +} + +.login_form .action button:nth-child(2):hover { + background: #3c4d6d; +} + +.link { + color: #fff; + +} + +.link:hover { + color: #969ca5; + +} \ No newline at end of file diff --git a/Web Calendar/forgetpassword.html b/Web Calendar/forgetpassword.html new file mode 100644 index 0000000..907c5ab --- /dev/null +++ b/Web Calendar/forgetpassword.html @@ -0,0 +1,30 @@ + + + + + + User login + + + +
+
+

Reset Your Password

+
+
+ + +
+ + New user click here ? +
+
+ + + +
+
+
+ + + \ No newline at end of file diff --git a/Web Calendar/holidaylist.html b/Web Calendar/holidaylist.html new file mode 100644 index 0000000..ffca8cd --- /dev/null +++ b/Web Calendar/holidaylist.html @@ -0,0 +1,487 @@ + + + + + + + + + + +

4 Year Holiday List

+ +
+ + + + +
+ +
+ × +
+

January

+

Jan 1    New Year's Day

+

Jan 13    Guru Govind Singh's Birthday

+

Jan 14    Makar Sankranti

+

Jan 15    Pongal

+

Jan 26    Republic Day

+
+ +

February

+

Feb 10    Basant Panchami

+

Feb 19    Guru Ravidas's Birthday

+

Feb 19    Shivaji Jayanti

+
+ +

March

+

March 1    Swami Dayananda Saraswati Jayanti

+

March 4    Maha Shivaratri

+

March 19    Harzat Ali's Birthday

+

March 20    Holika Dahana

+

March 21    Holi

+
+ +

April

+

April 6    Cheti Chand

+

April 13    Rama Navami

+

April 13 ,  Mesadi

+

April 14    Vishu

+

April 14    Bahag Bihu

+

April 17    Mahavir Jayanti

+

April 19    Good Friday

+

April 21    Easter Day

+
+ +

May

+

May 9    Guru Rabindranath's birthday

+

May 18    Vesak

+

May 31    Jamat ul-Vida

+
+ +

June

+

June 5    Idu'l Fitr

+
+ +

July

+

July4    Rath Yatra

+
+ +

August

+

Aug12    Id-ul-Zuha

+

Aug 15    Independence day

+

Aug 15    Raksha Bandhan

+

Aug 17    Nauraj

+

Aug 24    Janmashtami

+
+ +

September

+

Sep 2    Ganesh Chaturthi

+

Sep 10    Muharram

+

Sep 11    Onam

+
+ +

October

+

Oct 2    Mahatmaa Gandhi Jayandhi

+

Oct 7    Dusshera

+

Oct 13    Maharishi Valmiki Birthday

+

Oct 17    Karaka Chaturthi

+

Oct 27    Naraka Chaturdasi

+

Oct 27    Diwali

+
+ +

November

+

Nov 2    Chhat Puja

+

Nov 10    birthday of Prophet Mohammad

+

Nov 12   Guru Nanak's birthday

+

Nov 24    Guru Teg Bahadur's Matyrdom Day

+
+

December

+

Dec 24    Christmas Eve

+

Dec 25    Christmas Day

+
+
+
+ × +
+

January

+

Jan 1    New Year's Day

+

Jan 2    Guru Govind Singh's Birthday

+

Jan 13    Lohri

+

Jan 15    Makar Sankranthi

+

Jan 26    Republic Day

+

Jan 30    Sri Panchami

+
+ +

February

+

Feb 9    Guru Ravidas's Birthday

+

Feb 18    Swamy Dayananda Saraswathi Jayanthi

+

Feb 19    Shivaji Jayanthi

+

Feb 21    Maha Shivaratri

+
+ +

March

+

March 9    Holika Dahana

+

March 9    Hazarat Ali's Birthday

+

March 10    Holi

+

March 25    Ugadi

+
+ +

April

+

April 2    Ram Navami

+

April 6    Mahavir Jayanti

+

April 10    Good Friday

+

April 12    Easter day

+

April 13    Vaishaki

+

April 14    Mesadi

+
+ +

May

+

May 7    Buddha Purnima

+

May 8    Guru Rabindranath's birthday

+

May 22    Jamat Ul-Vida

+

May 25    Idu'l Fitr

+
+ +

June

+

June 30    Rath Yatra

+
+ +

August

+

Aug 1    Id-ul-Zuhu

+

Aug 3    Raksha Bandhan

+

Aug 11    Janmasthami

+

Aug 12    Janmasthami

+

Aug 15    Independence day

+

Aug 16    Nauraj

+

Aug 22    Ganesh chaturthi

+
+ + +

October

+

Oct 2    Mahatma Gandhi Jayanthi

+

Oct 23    Dusshra

+

Oct 24    Dusshra

+

Oct 25    Dusshra

+

Oct 26    Vijay Dashmi

+

Oct 30    Birthday of Prophet Mohammad

+ +
+ +

November

+

Nov 4    Karaka Chaturthi

+

Nov 14    Diwali

+

Nov 15    Govardhan puja

+

Nov 16    Bhai Duj

+

Nov 20    Chhat Puja

+
+ +

December

+

Dec 24    Christmas Eve

+

Dec 25    Christmas Day

+
+ +
+ +
+ × +
+

January

+

Jan 1    New Year's Day

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

February

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

March

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

April

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

May

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

June

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

July

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

August

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

September

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

October

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

November

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

December

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+
+
+ × +
+

January

+

Jan 1    New Year's Day

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

February

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

March

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

April

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

May

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

June

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

July

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

August

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

September

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

October

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

November

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

December

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+
+ + + + + \ No newline at end of file diff --git a/Web Calendar/homestyle.css b/Web Calendar/homestyle.css new file mode 100644 index 0000000..3c15c7f --- /dev/null +++ b/Web Calendar/homestyle.css @@ -0,0 +1,132 @@ +.left{ + position: relative; + height:550px ; + float: left; + margin: 5px; + overflow-y: scroll; + padding: 10px; + border: 2px solid black; + width: 35%; + border-radius: 20px; + box-shadow: rgba(202, 108, 108, 0.527) 12px -5px 10px; +} +.left::-webkit-scrollbar-thumb{ + border-radius: 2px 15px 15px 2px; + background-color: skyblue; +} +.left::-webkit-scrollbar{ + border-radius: 2px 15px 15px 2px; +} +a{ + text-decoration: none; + color: black; +} +html{ + height: 100%; +} +body>h2{ + padding-left: 32%; +} +body>h2>button{ + border-radius: 5px; + margin-left: 20px; + box-shadow: rgba(202, 108, 108, 0.527) 12px 5px 10px; +} +.right{ + position: relative; + height: 590px; + overflow-y: hidden; + float: right; + padding: 10px; + margin: 5px; + width: 60%; +} +.calendar{ + height: 80%; + width: 80%; + position: absolute; + margin-top: 10px; + margin-left: 100px; + text-align: center; + border: 0px; +} +td{ + border: 0px; + font-weight: bold; +} +th{ + border: 0px; + font-size: 22px; +} +td:hover{ + background-color: skyblue; + color: white; + border: 0px solid black; +} +h2{ + color: blue; + font-size: 30px; +} +hr{ + border-color: black; +} +h1{ + font-size: 50px; +} +footer { + background-color: rgb(31, 30, 30); + overflow: hidden; + align-content: center; +} +footer a { + text-decoration: none; + padding: 20px; + + float: left; + color: white; +} +h4{ +text-align-last: right; +} +button{ +padding-left: 10px; +padding-top: 5px; +padding-right: 10px; +padding-bottom: 5px; +} +body{ +background-image: linear-gradient(to top, rgba(248, 215, 215, 0), rgb(233, 163, 163)); +} +p{ +font-weight: bold; +} + +#March{ +display: block; +} +.a_left{ +display: flex; +float: left; +padding-left: 130px; +} +.a_right{ +display: flex; +float: right; +padding-right: 130px; +} +.arrow_lr{ +font-weight: bolder; +cursor: pointer; +} +.right>div{ +display: none; +height: 580px; +box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -30px, rgba(0, 0, 0, 0.3) 0px 30px 60px -50px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; +border: 1px solid plum; +} +.left>div:nth-child(1){ +display: block; +} +.left>div{ +display: none; +} \ No newline at end of file diff --git a/Web Calendar/index.html b/Web Calendar/index.html new file mode 100644 index 0000000..6b62d4c --- /dev/null +++ b/Web Calendar/index.html @@ -0,0 +1,2717 @@ + + + + web calender + + + +

+
+

+ + + + + + + +

+
+
+
+
+

Quotes

+

"Everybody wants to be famous, but nobody wants to do the work. I live by that. You grind hard so you can play hard. At the end of the day, you put all the work in, and eventually it’ll pay off. It could be in a year, it could be in 30 years. Eventually, your hard work will pay off."

— Kevin Hart

+

Thoughts

+

Obviously, we are not saying that it is possible to be happy all of the time. But many people manage to live in an overall state of happiness. But how do we achieve this?

+ When life feels overwhelmingly negative, it is easy to lose sight of how important happiness is. Most of the time people aren’t even aware, that they are the root of their own unhappiness.

+

Tips for Healthy Start

+

Fats consumed should be less than 30% of your total energy intake. This will help prevent unhealthy weight gain and NCDs. There are different types of fats, but unsaturated fats are preferable over saturated fats and trans-fats. WHO recommends reducing saturated fats to less than 10% of total energy intake; reducing trans-fats to less than 1% of total energy intake; and replacing both saturated fats and trans-fats to unsaturated fats.

+

About

+

We have created this with the intend of helping people with there day to day activities on calender.

+
+
+

Janury

+

1st - New year's day

+

9th - Guru Gobind Singh Jayanti

+

13th - Lohri

+

14th - Makar Sankranti

+

17th - Pongal

+

26th - Republic Day

+

Febraury

+

5th - Vasant Panchami

+

15th - Hazarat Ali's Birthday

+

16th - Guru Ravidas Jayanti

+

19th - Shivaji Jayanti

+

March

+

1st - Maha Shivaratri

+

17th - Holika Dahan

+

19th - Holi

+

April

+

1st - Chaitra Sukhandi

+

10th - Rama Navami

+

14th - Mahavir Jayanti

+

15th - Good Friday

+

29th - Jamat UI-Vida

+

May

+

3rd - Ramzan/Eid-ul-Fitar

+

16th - Buddha Purnima

+

8th - Mother's Day

+

June

+

19th - Father's Day

+

21th - June Solstice

+

July

+

10th - Bakrid/Eid ul-Adha

+

13th - Guru Purnima

+

August

+

7th - Friendship Day

+

9th - Muharram/Ashura

+

11th - Raksha Bandhan (Rakhi)

+

15th - Independence Day

+

19th - Janmashtami

+

31st - Ganesh Chaturthi/Vinayaka Chaturthi

+

September

+

8th - Onam

+

26th - First Day of Sharad Navratri

+

October

+

1st- First Day of Durga Puja Festivities

+

2nd- Mahatma Gandhi Jayanti , Maha Saptami

+

3rd - Maha Ashtami

+

4th - Maha Navami

+

5th - Dussehra

+

9th - Maharishi Valmiki Jayanti

+

13th - Karaka Chaturthi (Karva Chauth)

+

24th - Diwali/Deepavali

+

25th - Govardhan Puja

+

26th - Bhai Duj

+

30th - Chhat Puja (Pratihar Sashthi/Surya Sashthi)

+

31st - Halloween

+

November

+

8th - Guru Nanak Jayanti

+

24th - Guru Tegh Bahadur's Martyrdom Day

+

December

+

24th - Christmas Eve

+

25th - Christmas

+

29th - Guru Govind Singh Jayanti

+
+
+
+
+
+
+

+ < + + Janury 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + Febraury 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + March 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + April 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + May 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + June 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + July 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + August 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + September 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + October 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + November 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
282930    
+
+
+
+

+ < + + December 2021 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
   1234
567891011
12131415161718
19202122232425
262728293031 
+
+
+
+

+ < + + Janury 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
+
+
+
+

+ < + + Febraury 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
  12345
6789101112
13141516171819
20212223242526
2728     
+
+
+
+

+ < + + March 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
  12345
6789101112
13141516171819
20212223242526
2728293031  
+
+
+
+

+ < + + April 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
     12
3456789
10111213141516
17181920212223
24252627282930
+
+
+
+

+ < + + May 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
1234567
891011121314
15161718192021
22232425262728
293031    
+
+
+
+

+ < + + June 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
   1234
567891011
12131415161718
19202122232425
2627282930  
+
+
+
+

+ < + + July 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
     12
3456789
10111213141516
17181920212223
24252627282930
31      
+
+
+
+

+ < + + August 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
28293031   
+
+
+
+

+ < + + September 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
    123
45678910
11121314151617
18192021222324
252627282930 
+
+
+
+

+ < + + October 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
+
+
+
+

+ < + + November 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
  12345
6789101112
13141516171819
20212223242526
27282930   
+
+
+
+

+ < + + December 2022 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
    123
45678910
11121314151617
18192021222324
25262728293031
+
+
+
+

+ < + + Janury 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
1234567
891011121314
15161718192021
22232425262728
293031    
+
+
+
+

+ < + + Febraury 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
  12345
6789101112
13141516171819
20212223242526
2728     
+
+
+
+

+ < + + March 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
  12345
6789101112
13141516171819
20212223242526
2728293031  
+
+
+
+

+ < + + April 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
     12
3456789
10111213141516
17181920212223
24252627282930
+
+
+
+

+ < + + May 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
1234567
891011121314
15161718192021
22232425262728
293031    
+
+
+
+

+ < + + June 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
   1234
567891011
12131415161718
19202122232425
2627282930  
+
+
+
+

+ < + + July 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
     12
3456789
10111213141516
17181920212223
24252627282930
31      
+
+
+
+

+ < + + August 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
 123456
78910111213
14151617181920
21222324252627
28293031   
+
+
+
+

+ < + + September 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
    123
45678910
11121314151617
18192021222324
252627282930 
+
+
+
+

+ < + + October 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
+
+
+
+

+ < + + November 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SundayMondayTuesdayWednesdayThursdayFridaySaturday
  12345
6789101112
13141516171819
20212223242526
27282930   
+
+
+
+

+ < + + December 2023 + + > +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
MondayTuesdayWednesdayThursdayFridaySaturdaySunday
27282930123
45678910
11121314151617
18192021222324
2526272829301
+
+
+
+
+
+
+ + + + + + + + + + User login + + + +
+
+
Login Form
+
+
+
+
+
+ + + + +
Forget Password Click here
+ +
+
+
+
+ + \ No newline at end of file diff --git a/Web Calendar/loginstyle.css b/Web Calendar/loginstyle.css new file mode 100644 index 0000000..75109fc --- /dev/null +++ b/Web Calendar/loginstyle.css @@ -0,0 +1,158 @@ + +html, +body{ + height: 100%; +} +body{ + background: linear-gradient( + 45deg, rgb(189, 60, 82), rgb(241, 90, 90) + ); + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; + margin: 0; + overflow: hidden; +} +.container{ + display: flex; + align-items: center; + justify-content: center; + height: 100%; +} +.card{ + display: flex; + border-radius: 8px; + box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.36); +} +.card::before{ + content: ""; + position: absolute; + top: calc(100% - 400px); + left: -80px; + z-index: -1; + background: rgb(210, 67, 86); + border-radius: 8px; + width: 500px; + height: 500px; +} +.card::after{ + + position: absolute; + top: -80px; + right: -16px; + z-index: -1; + background: rgb(228, 79, 87); + border-radius: 50%; + width: 300px; + height: 300px; +} +.card .container-label{ + display: flex; + flex-direction: column; + justify-content: center; + font-size: 2rem; + color: #ffffff; + background: linear-gradient(180deg, rgb(189, 50, 83), rgb(240, 90, 90)); + padding-left: 2rem; + padding-right: 3rem; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; +} +.card .container-label span{ + background-color: #ffffff; + margin-top: 2px; + height: 3px; + width: 48px; +} +.card .container-icon{ + display: flex; + align-items: center; + justify-content: center; + width: 0; +} +.card .container-icon .circle{ + display: flex; + align-items: center; + justify-content: center; + position: absolute; + background: linear-gradient(180deg, rgb(207, 68, 100), rgb(240, 90, 90)); + height: 48px; + width: 48px; + border-radius: 50%; +} +.card .container-icon .circle i { + color: #ffffff; + font-size: 1.25rem; + font-weight: 900; +} +.card .container-form form{ + display: flex; + flex-direction: column; + align-items: flex-start; + color: rgb(186, 50, 86); + background: #e0e0e0; + padding: 5rem; + width: 450px; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; +} +.card .container-form label { + font-size: 0.8rem; + font-weight: 500; + text-transform: uppercase; +} +.card .container-form input{ + color: rgb(120, 96, 97); + background-color: transparent; + padding: 8px; + border: none; + border-bottom: 1px solid rgb(231, 154, 174); + width: 100%; +} +.card .container-form input:focus{ + border-color: rgb(233, 156, 176); + outline: 0; +} +.card .container-form input::placeholder{ + color: rgb(233, 157, 175); + +} +.card .container-form #email { + margin-bottom: 1.75rem; +} +.card .container-form .change-password{ + font-size: 0.8rem; + font-weight: 500; + color: rgb(187, 50, 80); + margin-top: 0.75rem; +} +.card .container-form .change-password a{ + color: red; + +} +.card .comtainer-form button{ + color: #ffffff; + text-transform: uppercase; + background: linear-gradient(180deg, rgb(188, 50, 80), rgb(241, 90, 90)); + padding: 12px 16px; + margin-top: 2rem; + border: none; + border-radius: 4px; + cursor: pointer; +} +button{ + background-color: rgb(234, 49, 49); +} + +#button{ + border: 2px solid white; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 15px; + padding-right: 15px; + color:white; + margin-top: 5px; + border-radius: 5px; +} +.container{ + background-repeat: no-repeat; + background-size: cover; +} diff --git a/Web Calendar/main.js b/Web Calendar/main.js new file mode 100644 index 0000000..63f8269 --- /dev/null +++ b/Web Calendar/main.js @@ -0,0 +1,37 @@ +let post=12 +function change_back(x){ + document.getElementById(post).style.display='none' + post=post-1 + if(post == -12){ + post=24 + } + document.getElementById(post).style.display='block' +} +function change_next(x){ + document.getElementById(post).style.display='none' + post=post+1 + if(post == 25){ + post=-11 + } + document.getElementById(post).style.display='block' +} + +function holidays(){ + document.getElementById('Quotes_div').style.display='none' + document.getElementById('Holiday_div').style.display='block' +} +function quotes(){ + document.getElementById('Holiday_div').style.display='none' + document.getElementById('Quotes_div').style.display='block' +} +function darklight(){ + s=document.getElementById('dar-ligt').innerText + if (s=='Light Mode'){ + document.firstElementChild.style.filter='invert(0)' + document.getElementById('dar-ligt').innerText='Dark Mode' + }else{ + document.body.style.backgroundColor='pink' + document.firstElementChild.style.filter='invert(1)' + document.getElementById('dar-ligt').innerText='Light Mode' + } +} \ No newline at end of file diff --git a/Web Calendar/registration.html b/Web Calendar/registration.html new file mode 100644 index 0000000..c9a9786 --- /dev/null +++ b/Web Calendar/registration.html @@ -0,0 +1,51 @@ + + + + + + + User login + + + +
+
+

Registration Form

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ +
+ Already register user? +
+
+ + +
+
+
+ + + \ No newline at end of file diff --git a/Web Calendar/registrationstyle.css b/Web Calendar/registrationstyle.css new file mode 100644 index 0000000..5229528 --- /dev/null +++ b/Web Calendar/registrationstyle.css @@ -0,0 +1,134 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; +} + +body { + background-color: rgb(167, 166, 209); + font-family: 'Rubik', sans-serif; +} + +.login_form { + background-color: rgb(110, 91, 91); + width: 500px; + height: auto; + margin: 50px auto; + + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + border-radius: 7px; + box-shadow: 0 5px 25px rgba(3, 19, 51, 0.959); + +} + +.login_form h1 { + padding: 20px 20px 0 110px; + color: #fff; +} + +.login_form .content { + padding: 20px; + text-align: center; +} + +.login_form .input_field { + padding: 12px 5px; +} + +.login_form .input_field input { + font-size: 15px; + display: block; + font-family: 'Rubik', sans-serif; + width: 100%; + padding: 10px 1px; + border: 0; + border-bottom: 1px solid #747474; + border-radius: 5px; + outline: none; + -webkit-transition: all .2s; + transition: all .2s; + +} + +.login_form .input_field input::-webkit-input-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input::-moz-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input:-ms-input-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input::placeholder { + text-transform: uppercase; +} + +.login_form .input_field input:focus { + border-color: rgb(31, 25, 25); +} + +.login-form a.link { + text-decoration: none; + color: #5e5d77; + letter-spacing: 0.2px; + text-transform: uppercase; + display: inline-block; + margin-top: 20px; +} + +.login_form .action { + display: -webkit-box; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; +} + +.login_form .action button { + width: 100%; + border: none; + padding: 15px; + + font-family: 'Rubik', sans-serif; + cursor: pointer; + text-transform: uppercase; + background-color: rgb(234, 248, 237); + color: rgb(69, 71, 71); + + border-radius: 5px; + letter-spacing: 0.2px; + outline: 0; + -webkit-transition: all .3s; + transition: all .3s; +} + +.login_form .action button:hover { + background: #969ca5; +} + +.login_form .action button:nth-child(2) { + background: #313f59; + color: #fff; + border-bottom-left-radius: 0; + border-bottom-right-radius: 4px; +} + +.login_form .action button:nth-child(2):hover { + background: #3c4d6d; +} + +.link { + color: #fff; +} + +.link:hover { + color: #969ca5; + ; +} \ No newline at end of file