diff --git a/PROJECTS/Football Website/About.html b/PROJECTS/Football Website/About.html new file mode 100644 index 0000000..4026d3e --- /dev/null +++ b/PROJECTS/Football Website/About.html @@ -0,0 +1,102 @@ + + + + + + + + + Soccer Club - About Us + + + + +
+ +
+ + +
+

Welcome to Non Profit Soccer Club!

+ Soccer Team + +

+ At Soccer Club, we are more than just a team; we are a community passionate about the beautiful game. + Established with the goal of promoting sportsmanship, teamwork, and the love for soccer, our club has become + a hub for enthusiasts of all ages and skill levels. +

+ +

+ Our journey started years ago when a group of friends decided to form a soccer team in their local + neighborhood. Over time, our small team evolved into a full-fledged club, welcoming players from diverse + backgrounds who share a common love for soccer. +

+ +

+ We believe in the power of sports to bring people together, fostering friendship and healthy competition. + Our dedicated coaches and staff work tirelessly to create an inclusive and supportive environment for + everyone involved in our club. +

+ +

+ Whether you're a seasoned player or just starting your soccer journey, Soccer Club is the place to be. Join + us for exciting matches, engaging events, and a sense of camaraderie that extends beyond the field. +

+ +

+ Explore our website to stay updated on upcoming events, join training sessions, and connect with fellow + soccer enthusiasts. Feel free to reach out to us with any questions or inquiries; we'd love to hear from + you! +

+ +

Thank you for being a part of Soccer Club!

+
+ + + + + + diff --git a/PROJECTS/Football Website/AddEvent.html b/PROJECTS/Football Website/AddEvent.html new file mode 100644 index 0000000..1a9cf8d --- /dev/null +++ b/PROJECTS/Football Website/AddEvent.html @@ -0,0 +1,100 @@ + + + + + + + + + Soccer Club - Events + + + +
+ +
+ + +
+

Add Events

+
+ + + + + + + + + +
+ + + + + + +
+ + + + + + + + +
+
+ + + + + + + + diff --git a/PROJECTS/Football Website/Contact.html b/PROJECTS/Football Website/Contact.html new file mode 100644 index 0000000..e5f7a92 --- /dev/null +++ b/PROJECTS/Football Website/Contact.html @@ -0,0 +1,89 @@ + + + + + + Contact Us - Soccer Club + + + + + +
+ +
+ +
+

Contact Us

+ +

Welcome to the Soccer Club! If you have any questions or would like to get in touch with us, feel free to reach out using the contact details below.

+ +
+
+

Club Location

+

123 Soccer Street
Cityville, State, 12345

+
+ +
+

Contact Information

+

Email: info@soccerclub.com
Phone: (123) 456-7890

+
+
+ +

If you have specific inquiries, please use the form below:

+ +
+

Follow Us on Social Media

+

Stay updated with the latest news and events by following us on our social media channels. Connect with us on Facebook, Twitter, and Instagram.

+ +

Join Our Soccer Community

+

Become a part of our vibrant soccer community! Join our club and participate in various events, tournaments, and training sessions. We welcome players of all skill levels.

+
+
+ + + + + + \ No newline at end of file diff --git a/PROJECTS/Football Website/Image/About.jpeg b/PROJECTS/Football Website/Image/About.jpeg new file mode 100644 index 0000000..47bc0cb Binary files /dev/null and b/PROJECTS/Football Website/Image/About.jpeg differ diff --git a/PROJECTS/Football Website/Image/Community.jpg b/PROJECTS/Football Website/Image/Community.jpg new file mode 100644 index 0000000..5a431ce Binary files /dev/null and b/PROJECTS/Football Website/Image/Community.jpg differ diff --git a/PROJECTS/Football Website/Image/Image2.jpeg b/PROJECTS/Football Website/Image/Image2.jpeg new file mode 100644 index 0000000..a7ad904 Binary files /dev/null and b/PROJECTS/Football Website/Image/Image2.jpeg differ diff --git a/PROJECTS/Football Website/Image/Images1.jpg b/PROJECTS/Football Website/Image/Images1.jpg new file mode 100644 index 0000000..7fe09f6 Binary files /dev/null and b/PROJECTS/Football Website/Image/Images1.jpg differ diff --git a/PROJECTS/Football Website/Image/Images2.jpg b/PROJECTS/Football Website/Image/Images2.jpg new file mode 100644 index 0000000..30e4fb4 Binary files /dev/null and b/PROJECTS/Football Website/Image/Images2.jpg differ diff --git a/PROJECTS/Football Website/Image/Images3.jpg b/PROJECTS/Football Website/Image/Images3.jpg new file mode 100644 index 0000000..8a451af Binary files /dev/null and b/PROJECTS/Football Website/Image/Images3.jpg differ diff --git a/PROJECTS/Football Website/Image/Images4.jpg b/PROJECTS/Football Website/Image/Images4.jpg new file mode 100644 index 0000000..62bdd32 Binary files /dev/null and b/PROJECTS/Football Website/Image/Images4.jpg differ diff --git a/PROJECTS/Football Website/Image/Images5.jpg b/PROJECTS/Football Website/Image/Images5.jpg new file mode 100644 index 0000000..b7bc660 Binary files /dev/null and b/PROJECTS/Football Website/Image/Images5.jpg differ diff --git a/PROJECTS/Football Website/Image/Images6.jpg b/PROJECTS/Football Website/Image/Images6.jpg new file mode 100644 index 0000000..7bc06f4 Binary files /dev/null and b/PROJECTS/Football Website/Image/Images6.jpg differ diff --git a/PROJECTS/Football Website/Image/OFFimage.jpeg b/PROJECTS/Football Website/Image/OFFimage.jpeg new file mode 100644 index 0000000..0a159f3 Binary files /dev/null and b/PROJECTS/Football Website/Image/OFFimage.jpeg differ diff --git a/PROJECTS/Football Website/Image/Tournment.jpg b/PROJECTS/Football Website/Image/Tournment.jpg new file mode 100644 index 0000000..9dd9899 Binary files /dev/null and b/PROJECTS/Football Website/Image/Tournment.jpg differ diff --git a/PROJECTS/Football Website/Image/Training.jpg b/PROJECTS/Football Website/Image/Training.jpg new file mode 100644 index 0000000..b68964b Binary files /dev/null and b/PROJECTS/Football Website/Image/Training.jpg differ diff --git a/PROJECTS/Football Website/Image/background (2).jpg b/PROJECTS/Football Website/Image/background (2).jpg new file mode 100644 index 0000000..f7aff02 Binary files /dev/null and b/PROJECTS/Football Website/Image/background (2).jpg differ diff --git a/PROJECTS/Football Website/Image/fbicon.png b/PROJECTS/Football Website/Image/fbicon.png new file mode 100644 index 0000000..e8b4e5d Binary files /dev/null and b/PROJECTS/Football Website/Image/fbicon.png differ diff --git a/PROJECTS/Football Website/Image/instagram-new--v1.png b/PROJECTS/Football Website/Image/instagram-new--v1.png new file mode 100644 index 0000000..b2c1c52 Binary files /dev/null and b/PROJECTS/Football Website/Image/instagram-new--v1.png differ diff --git a/PROJECTS/Football Website/Image/linkedin-circled--v1.png b/PROJECTS/Football Website/Image/linkedin-circled--v1.png new file mode 100644 index 0000000..5a436c4 Binary files /dev/null and b/PROJECTS/Football Website/Image/linkedin-circled--v1.png differ diff --git a/PROJECTS/Football Website/Image/logo.avif b/PROJECTS/Football Website/Image/logo.avif new file mode 100644 index 0000000..ecdf9c5 Binary files /dev/null and b/PROJECTS/Football Website/Image/logo.avif differ diff --git a/PROJECTS/Football Website/Image/logo.jpg b/PROJECTS/Football Website/Image/logo.jpg new file mode 100644 index 0000000..541b88a Binary files /dev/null and b/PROJECTS/Football Website/Image/logo.jpg differ diff --git a/PROJECTS/Football Website/Image/twitter--v1.png b/PROJECTS/Football Website/Image/twitter--v1.png new file mode 100644 index 0000000..7b53fb7 Binary files /dev/null and b/PROJECTS/Football Website/Image/twitter--v1.png differ diff --git a/PROJECTS/Football Website/Image/video.mp4 b/PROJECTS/Football Website/Image/video.mp4 new file mode 100644 index 0000000..ed62117 Binary files /dev/null and b/PROJECTS/Football Website/Image/video.mp4 differ diff --git a/PROJECTS/Football Website/Recentevets.html b/PROJECTS/Football Website/Recentevets.html new file mode 100644 index 0000000..ca9c4c8 --- /dev/null +++ b/PROJECTS/Football Website/Recentevets.html @@ -0,0 +1,83 @@ + + + + + + + Document + + + +
+ +
+ +
+ +

Captivating Moments: Recent Event Photography and Images

+ + +
+ Image 1 + Image 2 + Image 3 +
+ +
+ Image 4 + Image 5 + Image 6 +
+ +
+ + + + + + diff --git a/PROJECTS/Football Website/WEBSite/Contacts.html b/PROJECTS/Football Website/WEBSite/Contacts.html new file mode 100644 index 0000000..b280517 --- /dev/null +++ b/PROJECTS/Football Website/WEBSite/Contacts.html @@ -0,0 +1,165 @@ + + + + + + + Food Website + + + + + +
+ + +
+ +
+

OrderDate
From us

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

OrderNow

+ +
+ + + +
+ +
+

Name

+ +
+ +
+

Email

+ +
+ +
+

Number

+ +
+ +
+

How Much

+ +
+ +
+

You Order

+ +
+ +
+

Address

+ +
+ + Order Now + +
+ +
+ +
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/PROJECTS/Football Website/WEBSite/Products.html b/PROJECTS/Football Website/WEBSite/Products.html new file mode 100644 index 0000000..07ffc83 --- /dev/null +++ b/PROJECTS/Football Website/WEBSite/Products.html @@ -0,0 +1,441 @@ + + + + + + + Food Website + + + + + +
+ + +
+ +
+

Product SellingFood
Selling

+
+ +
+ +
+ +
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/PROJECTS/Football Website/WEBSite/Subscribe.html b/PROJECTS/Football Website/WEBSite/Subscribe.html new file mode 100644 index 0000000..59addfc --- /dev/null +++ b/PROJECTS/Football Website/WEBSite/Subscribe.html @@ -0,0 +1,136 @@ + + + + + + + Food Website + + + + + +
+ + + +
+ +
+

SubscribePage

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

Subscribe to Our Date Fruit Newsletter!

+

Welcome to the sweet world of dates! Join our community and stay updated with the latest news, recipes, health benefits, and exclusive offers straight to your inbox. Fill out the form below to subscribe to our Date Fruit newsletter and embark on a flavorful journey with us!

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

By clicking "Subscribe," you agree to our Terms of Service and Privacy Policy. You can unsubscribe at any time.

+
+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/PROJECTS/Football Website/WEBSite/image/AmberDates.jpeg b/PROJECTS/Football Website/WEBSite/image/AmberDates.jpeg new file mode 100644 index 0000000..798376b Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/AmberDates.jpeg differ diff --git a/PROJECTS/Football Website/WEBSite/image/KhudriDate.webp b/PROJECTS/Football Website/WEBSite/image/KhudriDate.webp new file mode 100644 index 0000000..fc12f76 Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/KhudriDate.webp differ diff --git a/PROJECTS/Football Website/WEBSite/image/MazafatiDate.webp b/PROJECTS/Football Website/WEBSite/image/MazafatiDate.webp new file mode 100644 index 0000000..e1a85fb Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/MazafatiDate.webp differ diff --git a/PROJECTS/Football Website/WEBSite/image/ajwadate.webp b/PROJECTS/Football Website/WEBSite/image/ajwadate.webp new file mode 100644 index 0000000..aa30f52 Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/ajwadate.webp differ diff --git a/PROJECTS/Football Website/WEBSite/image/barhaidate.jpeg b/PROJECTS/Football Website/WEBSite/image/barhaidate.jpeg new file mode 100644 index 0000000..41a2bf9 Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/barhaidate.jpeg differ diff --git a/PROJECTS/Football Website/WEBSite/image/bg1.jpg b/PROJECTS/Football Website/WEBSite/image/bg1.jpg new file mode 100644 index 0000000..986b934 Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/bg1.jpg differ diff --git a/PROJECTS/Football Website/WEBSite/image/bg2.jpg b/PROJECTS/Football Website/WEBSite/image/bg2.jpg new file mode 100644 index 0000000..e9fe1b4 Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/bg2.jpg differ diff --git a/PROJECTS/Football Website/WEBSite/image/itemaDates.jpg b/PROJECTS/Football Website/WEBSite/image/itemaDates.jpg new file mode 100644 index 0000000..429053d Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/itemaDates.jpg differ diff --git a/PROJECTS/Football Website/WEBSite/image/lasagna.webp b/PROJECTS/Football Website/WEBSite/image/lasagna.webp new file mode 100644 index 0000000..ac1d048 Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/lasagna.webp differ diff --git a/PROJECTS/Football Website/WEBSite/image/maktoomDate.webp b/PROJECTS/Football Website/WEBSite/image/maktoomDate.webp new file mode 100644 index 0000000..80f41fe Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/maktoomDate.webp differ diff --git a/PROJECTS/Football Website/WEBSite/image/medjooldate.jpg b/PROJECTS/Football Website/WEBSite/image/medjooldate.jpg new file mode 100644 index 0000000..fe78339 Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/medjooldate.jpg differ diff --git a/PROJECTS/Football Website/WEBSite/image/order_image.png b/PROJECTS/Football Website/WEBSite/image/order_image.png new file mode 100644 index 0000000..467e303 Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/order_image.png differ diff --git a/PROJECTS/Football Website/WEBSite/image/saudisafawai.webp b/PROJECTS/Football Website/WEBSite/image/saudisafawai.webp new file mode 100644 index 0000000..b97fc97 Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/saudisafawai.webp differ diff --git a/PROJECTS/Football Website/WEBSite/image/sukkridate.jpeg b/PROJECTS/Football Website/WEBSite/image/sukkridate.jpeg new file mode 100644 index 0000000..3f2539a Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/sukkridate.jpeg differ diff --git a/PROJECTS/Football Website/WEBSite/image/zahidiDate.webp b/PROJECTS/Football Website/WEBSite/image/zahidiDate.webp new file mode 100644 index 0000000..4a36059 Binary files /dev/null and b/PROJECTS/Football Website/WEBSite/image/zahidiDate.webp differ diff --git a/PROJECTS/Football Website/WEBSite/index.html b/PROJECTS/Football Website/WEBSite/index.html new file mode 100644 index 0000000..bf9451b --- /dev/null +++ b/PROJECTS/Football Website/WEBSite/index.html @@ -0,0 +1,190 @@ + + + + + + + Food Website + + + + + +
+ + +
+ +
+

Get FreshDates
in a Easy Way

+
+ +
+ +
+ +
+ + +
+

+ Sweetness in simplicity: the date fruit +

+ +
+ +
+

+ From palm to plate: the delicious journey of dates

+ +
+ +
+

+ Dates: small in size, big in flavor

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

AboutUs

+

Why Choose us?

+

+ We believe in bringing the finest quality date fruits to our customers. Our commitment to excellence means that every date fruit you purchase from us is carefully selected to ensure freshness, flavor, and superior taste. Whether you're looking for a healthy snack or a delicious addition to your recipes, our wide range of date varieties has something for everyone. With our dedication to quality, you can trust that each bite of our date fruits will be a delightful experience

+
+ +
+ + Order Now + +
+ + + +
+

Customer Reviews

+
+
+
+

Emily Smith

+
+ + + + + +
+

+ I recently ordered date fruits from this website, and I must say, they exceeded my expectations! The dates were fresh, juicy, and incredibly delicious. I've been enjoying them as a healthy snack, and they're perfect for adding sweetness to my recipes. The ordering process was smooth, and the delivery was prompt. Highly recommended! +

+
+
+
+
+

David Johnson

+
+ + + + + +
+

+ I've been a regular customer of this date fruit website for months now, and I'm always impressed by the quality of their products. The dates are consistently fresh and flavorful, and the variety they offer is fantastic. Whether I'm snacking on them or using them in recipes, they never disappoint. Plus, the customer service is excellent - responsive and helpful. I highly recommend giving them a try! +

+
+
+
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/PROJECTS/Football Website/WEBSite/style.css b/PROJECTS/Football Website/WEBSite/style.css new file mode 100644 index 0000000..93513c2 --- /dev/null +++ b/PROJECTS/Football Website/WEBSite/style.css @@ -0,0 +1,805 @@ +@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Hammersmith+One&family=League+Spartan:wght@300;500&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Passions+Conflict&family=Permanent+Marker&family=Raleway&display=swap'); + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Raleway', sans-serif; +} + +html{ + scroll-behavior: smooth; +} + + + +section{ + max-width: 100%; + height: 100vh; +} + +section nav{ + display: flex; + justify-content: space-around; + align-items: center; + position: absolute; + right: 0; + left: 0; + background: white; + box-shadow: 0 0 10px rgba(0,0,0,0.5); + z-index: 1000; +} + +section nav .logo img{ + width: 100px; + cursor: pointer; + margin: 7px 0; +} + +section nav ul{ + list-style: none; +} + +section nav ul li{ + display: inline-block; + margin: 0 15px; +} + +section nav ul li a{ + text-decoration: none; + color: #000; + font-weight: 500; + font-size: 17px; + transition: 0.1s; +} + +section nav ul li a::after{ + + width: 0; + height: 1px; + background: white; + display: block; + transition: 0.2s linear; +} + +section nav ul li a:hover::after{ + width: 100%; +} + + + +section nav .icon i{ + font-size: 18px; + color: #000; + margin: 0 5px; + cursor: pointer; + transition: 0.3s; +} + + + +section .main{ + display: flex; + align-items: center; + justify-content: space-around; + position: relative; + top: 130px; +} + +section .main .men_text h1{ + font-size: 60px; + position: relative; + top: -90px; + left: 20px; +} + +section .main .men_text h1 span{ + margin-left: 15px; + color: #fac031; + font-family: mv boli; + line-height: 22px; + font-size: 70px; +} + +section .main .main_image img{ + width: 700px; + position: relative; + left: 70px; +} + +section p{ + width: 650px; + text-align: justify; + position: relative; + left: 123px; + bottom: 120px; + line-height: 22px; +} + +section .main_btn{ + background: #fac031; + position: relative; + left: 123px; + bottom: 30px; + width: 150px; + cursor: pointer; + padding: 12px 25px; +} + +section .main_btn a{ + color: #fff; + margin-right: 5px; + text-decoration: none; +} + +section .main_btn i{ + color: #fff; + transition: 0.3s; +} + + + + + + + +.about{ + width: 100%; + height: 100vh; + padding: 70px 0; +} + +.about .about_main{ + display: flex; + align-items: center; + justify-content: space-around; +} + +.about .about_main .image img{ + width: 800px; + position: relative; + top: 60px; +} + +.about .about_main .about_text h1 span{ + color: #fac031; + margin-right: 15px; + font-family: mv boli; +} + +.about .about_main .about_text h1{ + font-size: 55px; + position: relative; + bottom: 50px; +} + +.about .about_main .about_text h3{ + font-size: 30px; + margin: 0 0 50px 0; +} + +.about .about_main .about_text p{ + width: 650px; + text-align: justify; + margin-right: 30px; + line-height: 22px; +} + +.about .about_btn{ + background: #fac031; + padding: 12px 25px; + text-decoration: none; + color: #fff; + position: relative; + left: 55%; + bottom: 30px; +} + + + +/*Menu*/ + +.menu{ + width: 100%; + padding: 70px 0; + height: 100%; +} + +.menu h1{ + font-size: 55px; + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 30px; +} + +.menu h1 span{ + color: #fac031; + margin-left: 15px; + font-family: mv boli; +} + +.menu h1 span::after{ + content: ''; + width: 100%; + height: 2px; + background: #fac031; + display: block; + position: relative; + bottom: 15px; +} + +.menu .menu_box{ + width: 95%; + height: 100%; + margin: 0 auto; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-gap: 15px; +} + +.menu .menu_box .menu_card{ + width: 325px; + height: 480px; + padding-top: 10px; + margin-bottom: 20px; + box-shadow: 0 0 10px rgba(0,0,0,0.2); +} + +.menu .menu_box .menu_card .menu_image{ + width: 300px; + height: 245px; + margin: 0 auto; + overflow: hidden; +} + +.menu .menu_box .menu_card .menu_image img{ + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; + transition: 0.3s; +} + + + +.menu .menu_box .menu_card .small_card{ + width: 45px; + height: 45px; + float: right; + position: relative; + top: -240px; + right: -8px; + opacity: 0; + border-radius: 7px; + transition: 0.3s; +} + + +.menu .menu_box .menu_card .small_card i{ + font-size: 25px; + display: flex; + align-items: center; + justify-content: center; + line-height: 50px; + color: #000; + cursor: pointer; + text-shadow: 0 0 6px #000; + transition: 0.2s; +} + +.menu .menu_box .menu_card .small_card i:hover{ + color: #fac031; +} + +.menu .menu_box .menu_card .menu_info h2{ + width: 60%; + text-align: center; + margin: 10px auto 10px auto; + font-size: 25px; + color: #fac031; +} + +.menu .menu_box .menu_card .menu_info p{ + text-align: center; + margin-top: 8px; + line-height: 21px; +} + +.menu .menu_box .menu_card .menu_info h3{ + text-align: center; + margin-top: 10px; +} + +.menu .menu_box .menu_card .menu_info .menu_icon{ + color: #fac031; + text-align: center; + margin: 10px 0 10px 0; +} + +.menu .menu_box .menu_card .menu_info .menu_btn{ + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + color: white; + background: #000; + padding: 8px 10px; + margin: 0 80px; + transition: 0.3s; +} + + + +/*Gallary*/ + +.gallary{ + width: 100%; + padding: 70px 0; +} + +.gallary h1{ + font-size: 55px; + display: flex; + align-items: center; + justify-content: center; +} + +.gallary h1 span{ + margin-left: 15px; + color: #fac031; + font-family: mv boli; +} + +.gallary h1 span::after{ + content: ''; + width: 100%; + height: 2px; + background: #fac031; + display: block; + position: relative; + bottom: 15px; +} + +.gallary .gallary_image_box{ + width: 95%; + margin: 10px auto; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 10px; +} + +.gallary .gallary_image_box .gallary_image{ + display: flex; + align-items: center; + justify-content: center; + background: black; +} + +.gallary .gallary_image_box .gallary_image img{ + width: 100%; + transition: .3s; +} + +.gallary .gallary_image_box .gallary_image:hover img{ + opacity: 0.4; +} + +.gallary .gallary_image_box .gallary_image h3{ + position: absolute; + font-size: 35px; + margin-bottom: 130px; + color: #fac031; + font-family: polo; + z-index: 5; + opacity: 0; + transition: 0.3s; +} + +.gallary .gallary_image_box .gallary_image:hover h3{ + opacity: 1; +} + +.gallary .gallary_image_box .gallary_image p{ + position: absolute; + width: 400px; + margin-top: 30px; + text-align: center; + color: white; + line-height: 22px; + opacity: 0; + z-index: 5; + transition: 0.3s; +} + +.gallary .gallary_image_box .gallary_image:hover p{ + opacity: 1; +} + +.gallary .gallary_image_box .gallary_image .gallary_btn{ + position: absolute; + margin-top: 180px; + color: #000; + background: #fac031; + padding: 7px 25px; + text-decoration: none; + opacity: 0; + transform: translateY(45px); + z-index: 5; + transition: 0.3s; +} + +.gallary .gallary_image_box .gallary_image:hover .gallary_btn{ + opacity: 1; + transform: translateY(0); +} + + + +/*Review*/ + +.review{ + width: 100%; + height: 100vh; + padding: 70px 0; +} + +.review h1{ + font-size: 55px; + display: flex; + align-items: center; + justify-content: center; +} + +.review h1 span{ + margin-left: 15px; + color: #fac031; + font-family: mv boli; +} + +.review h1 span::after{ + content: ''; + width: 100%; + height: 2px; + background: #fac031; + position: relative; + bottom: 15px; + display: block; +} + +.review { + margin-bottom: 20px; +} + +.review h1 { + text-align: center; + margin-bottom: 10px; +} + +.review_box { + display: flex; + justify-content: space-around; +} + +.review_card { + width: 45%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +.review_text { + text-align: center; +} + +.review_text h2 { + margin-bottom: 5px; +} + +.review_icon { + margin-bottom: 5px; +} + +.review_icon i { + color: #ffc107; +} + + + + +/*Order*/ + +.order{ + width: 100%; + height: 100vh; + padding: 70px 0; + background-image: url(image/bg2.jpg); + background-size: cover; + background-position: center; +} + +.order h1{ + display: flex; + align-items: center; + justify-content: center; + color: #000; + font-size: 55px; +} + +.order h1 span{ + color: #fac031; + margin-right: 15px; + font-family: mv boli; +} + +.order h1 span::after{ + content: ''; + width: 100%; + height: 2px; + background: #fac031; + display: block; + position: relative; + bottom: 15px; +} + +.order .order_main{ + display: flex; + align-items: center; + justify-content: space-around; +} + +.order .order_main .order_image img{ + width: 600px; +} + +.order .order_main form{ + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 0 10px; +} + +.order .order_main form .input p{ + line-height: 25px; +} + +.order .order_main form .input{ + margin: 5px; +} + +.order .order_main form .input input{ + width: 300px; + height: 35px; + padding: 0 10px; + border: 2px solid #cccccc; + background: #eeeeee; + outline: none; + border-radius: 3px; +} + +.order .order_main form .input input:focus{ + border: 2px solid #fac031; +} + +.order .order_main form .order_btn{ + padding: 10px 0; + background: #fac031; + color: white; + width: 40%; + text-align: center; + margin-top: 20px; + text-decoration: none; +} + + + + + + +/*Footer*/ + +footer{ + width: 100%; + padding: 30px 0 0 20px; + background: #eeeeee; +} + +footer .footer_main{ + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; +} + +footer .footer_main .footer_tag{ + text-align: center; +} + +footer .footer_main .footer_tag h2{ + color: #000; + margin-bottom: 25px; + font-size: 30px; +} + +footer .footer_main .footer_tag p{ + margin: 10px 0; +} + +footer .footer_main .footer_tag i{ + margin: 0 5px; + cursor: pointer; +} + +footer .footer_main .footer_tag i:hover{ + color: #fac031; +} + +footer .end{ + display: flex; + align-items: center; + justify-content: center; + padding: 15px; +} + +footer .end span{ + color: #fac031; + margin-left: 10px; +} +.container { + max-width: 600px; + margin: 50px auto; + padding: 0 20px; + text-align: center; + } + + + +.contact_form { + text-align: left; +} + +.contact_form h2 { + font-size: 24px; + margin-bottom: 20px; +} + +.contact_form form { + max-width: 400px; + margin: 0 auto; +} + +.contact_form input, +.contact_form textarea { + margin-top: 20px; + width: 100%; + padding: 10px; + margin-bottom: 20px; + border: 1px solid #ccc; + border-radius: 5px; +} + +.contact_form button { + width: 100%; + padding: 10px; + background-color: #007bff; + color: #fff; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.contact_form button:hover { + background-color: #0056b3; +} + +.contact_info { + margin-top: 30px; + padding: 20px; + background-color: #f9f9f9; + border-radius: 5px; +} + +.contact_info p { + font-size: 16px; + line-height: 1.6; + color: #333; + margin-bottom: 10px; +} + +.contact_info p:first-child { + font-weight: bold; + font-size: 18px; + margin-bottom: 15px; +} + +.contact_info p:last-child { + margin-top: 20px; +} + +.contact_info p:last-child:before { + content: '\2014 \00A0'; + font-size: 18px; + margin-right: 10px; +} + +.contact_info p:last-child:after { + content: '\00A0 \2014'; + font-size: 18px; + margin-left: 10px; +} + +.client-testimonials { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 20px; + padding: 20px; +} + +.testimonial { + background-color: #f9f9f9; + border-radius: 10px; + padding: 20px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.testimonial h3 { + font-size: 20px; + color: #333; + margin-bottom: 10px; +} + +.testimonial p { + font-size: 16px; + color: #666; +} + + + + + h1 { + color: #333; + margin-top: 40px; + } + + p { + color: #666; + line-height: 1.5; + } + + .subscribe-form { + margin-top: 20px; + } + + label { + display: block; + margin-bottom: 5px; + color: #333; + } + + input[type="text"], + input[type="email"], + button { + width: 100%; + padding: 10px; + margin-bottom: 10px; + border: 1px solid #ccc; + border-radius: 5px; + box-sizing: border-box; + } + + button { + background-color: #FFA500; + color: white; + font-weight: bold; + cursor: pointer; + } + + button:hover { + background-color: #FF8C00; + } + + a { + color: #007bff; + text-decoration: none; + } + + a:hover { + text-decoration: underline; + } \ No newline at end of file diff --git a/PROJECTS/Football Website/index.html b/PROJECTS/Football Website/index.html new file mode 100644 index 0000000..e59631d --- /dev/null +++ b/PROJECTS/Football Website/index.html @@ -0,0 +1,154 @@ + + + + + + + + Non profit Soccer club + + +
+
+ +
+ + +
+
+
+

Welcome

+

In MSR Soccer Club

+

Let's Explore Soccer

+
+ +
+
+
+ + + +
+

Services

+ +
+ Service 1 +

Youth Soccer Training

+

Professional training for young soccer enthusiasts to develop their skills and love for the game.

+
+ +
+ Service 2 +

Soccer Tournaments

+

Participate in exciting soccer tournaments organized to promote sportsmanship and teamwork.

+
+ +
+ Service 3 +

Community Outreach

+

Engage with the community through outreach programs, promoting the values of unity and collaboration.

+
+ + +
+ + +
+ +
+

WELCOME
TO OUR MSR Soccer Club !

+ +

Have fun while improving your lacrosse skills. It is our goal to provide an exceptional lacrosse experience. We will field one team per age group and provide top-notch coaching for that team.

+ +
+ +
+ Lacrosse Club Image +
+
+ + +
+ +

Join the Game and Make a Difference!

+
Experience the Joy of Soccer with Our Community
+ + +
+ + + + + +
+

Contact

+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ + + + + +
+
+ + + + + diff --git a/PROJECTS/Football Website/style.css b/PROJECTS/Football Website/style.css new file mode 100644 index 0000000..67ac1ae --- /dev/null +++ b/PROJECTS/Football Website/style.css @@ -0,0 +1,514 @@ +@import url('https://fonts.googleapis.com/css2?family=BIZ+UDMincho&family=BIZ+UDPMincho&family=Barlow+Condensed:wght@200&family=Beau+Rivage&family=Lobster&family=Montserrat:wght@300;700&family=PT+Serif:ital@1&family=Permanent+Marker&display=swap'); +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +span{ + color: crimson; +} + +body { + margin: 0; + padding: 0; + font-family: 'Arial', sans-serif; +} + +nav { + display: flex; + justify-content: space-between; + align-items: center; + color: #3C4048; + padding: 15px 50px; + border-bottom: 2px solid #ccc; /* Add this line for the bottom border */ + +} + +.logo img { + width: 50px; + height: 50px; + margin-right: 10px; +} + +.nav-links { + width: 40%; + display: flex; + justify-content: space-around; +} + +.nav-links li { + list-style: none; +} +.logo { + display: flex; + align-items: center; +} +.nav-links a { + text-decoration: none; + color: black; + transition: color 0.3s; +} + +.nav-links a:hover { + color: #ffcc00; +} + + +.burger { + display: none; + flex-direction: column; + cursor: pointer; +} + +.burger div { + width: 25px; + height: 3px; + background-color: white; + margin: 5px; +} + +#hero { + background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.4)),url('Image/Background (2).jpg'); + width: 100%; + height: 120vh; + color: white; + background-size: cover; + background-repeat: no-repeat; + background-position: bottom; + display: flex; + align-items: center; + padding: 10% 12%; + position: relative; /* Added position relative */ +} + + + +#hero .hero { + max-width: 1200px; + margin: 0 auto; + padding: 0 50px; + justify-content: flex-start; +} + +#hero h2 { + display: block; + width: fit-content; + font-size: 3rem; + position: relative; + margin-top: 20px; + color: rgb(168, 165, 165); + +} + + +#services { + display: flex; + justify-content: space-around; + align-items: center; + flex-wrap: wrap; + padding: 50px 0; +} + +#services h2 { + width: 100%; + text-align: center; + font-size: 2.5em; + margin-bottom: 70px; + letter-spacing: 0.2rem; +} + +#clock { + color: black; + text-align: center; + padding: 10px 0; + bottom: 0; + width: 100%; + font-size: 1.3rem; + margin-bottom: 20px; + +} + +#time { + font-family: 'Montserrat', sans-serif; +} + +.clock-container { + text-align: center; + font-size: 24px; + margin-top: 20px; +} + +.service-item { + text-align: center; + width: 30%; + margin-bottom: 30px; +} + +.service-item img { + width: 200px; + height: 200px; + border-radius: 8px; +} + +.service-item h3 { + font-size: 1.8em; + margin-top: 15px; + margin-bottom: 10px; +} + +.service-item p { + font-size: 1.2em; + line-height: 1.6; +} + + +#Off{ + background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(Image/OFFimage.jpeg); + padding: 7% 10%; + background-repeat: no-repeat; + margin-top: 4rem; + background-size: cover; + background-position: center; +} +#Off h1{ + font-size: 2.5rem; + font-family: 'Montserrat', sans-serif; + color: white; + text-align: center; + letter-spacing: .1rem; + word-spacing: .1rem; +} +#Off h6{ + font-size: 1rem; + font-family: 'Montserrat', sans-serif; + color: white; + text-align: center; + letter-spacing: .1rem; +} +#Off .Btn7{ + margin-top: 3rem; + border-radius:5%; + margin-left: 30rem; + border: none; + background-color: #38E54D; + color: white; + font-size: 1.2rem; + text-transform: uppercase; + font-weight: bolder; + padding: 15px; +} +#Off button:hover{ + background-color: #e2e21c; + transition: .5s ease-in-out; +} + +/* Start of footer */ +#footer{ + background-image: linear-gradient(60deg, #29323c 0%, #485563 100%); + margin-top: 20px; +} +#footer .footer{ + min-height: 200px; + flex-direction: column; + padding: 70px; + padding-bottom: 10px ; +} +#footer h2{ + color: white; + font-size: 1.8rem; + font-weight: 500; + letter-spacing: .1rem; + margin-top: 10px; + margin-bottom: 10px; +} +#footer .social-icon{ + display: flex; + margin-bottom: 40px; + padding: 20px; + margin: 4px; +} +#footer .social-item{ + height: 50px; + width: 50px; + margin: 4px 5px; +} + +#footer .social-item img +{ + +filter: grayscale(.1); +transition: .3s ease filter; +} + +#footer .social-item:hover img{ + + filter: grayscale(0); +} +#footer p{ + color: white; + font-size: 1.8rem; + text-align: center; + line-height: 1.9rem; + color: black; + width: 50%; +} + + + + +form { + max-width: 600px; + margin: 0 auto; + padding: 20px; + border: 1px solid #ccc; + border-radius: 5px; +} + +label { + display: block; + margin-bottom: 10px; +} + +#eventsForm .event-time { + display: flex; + gap: 5px; + margin-bottom: 15px; +} + +#eventsForm .event-time label { + font-size: 15px; + margin-right: 10px; +} +.container h2{ +font-size: 2rem; +margin-bottom: 30px; +text-align: center; +margin-top: 10px; +} + +input, +select { + width: 100%; + padding: 10px; + margin-bottom: 15px; + box-sizing: border-box; +} + +input[type="checkbox"], +input[type="radio"] { + margin-right: 5px; +} + +input[type="submit"] { + background-color: #ffcc00; + color: #333; + padding: 10px 15px; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.about-container { + max-width: 800px; + margin: 0 auto; + padding: 20px; + text-align: justify; +} + +.about-container img { + max-width: 200px; + height: auto; + border-radius: 8px; + margin-bottom: 20px; + height: 200px; +} + +h2 { + color: #333; +} + + +.container { + max-width: 1200px; + margin: 0 auto; +} + +.welcome-section { + display: flex; + justify-content: space-between; + align-items: center; + padding: 50px 0; +} + +.welcome-content { + flex: 1; + padding-right: 20px; +} + +.welcome-content h1 { + font-size: 2em; + margin-bottom: 20px; +} + +.welcome-content p { + font-size: 1.2em; + line-height: 1.6; +} + +.welcome-image img { + width: 300px; + height: 50%; + border-radius: 8px; +} +.welcome-section .button{ + margin-top: 2rem; + border-radius:5%; + margin-right: 20rem; + border: none; + background-color: #38E54D; + color: white; + font-size: 1.2rem; + text-transform: uppercase; + font-weight: bolder; + padding: 15px; + cursor: pointer; +} + +.welcome-section .button:hover{ + background-color: #e2e21c; + transition: .5s ease-in-out; +} + + +.contact-section { + max-width: 1800px; + margin: 0 auto; +} + +.contact-section { + text-align: center; + padding: 50px 50px; +} +.contact-section h2{ +font-size: 3rem; +margin-bottom: 20px; +letter-spacing: 0.3rem; + +} +form { + max-width: 600px; + margin: 0 auto; + display: flex; + flex-direction: column; +} + +.form-row { + display: flex; + justify-content: space-between; + margin-bottom: 15px; +} + +.form-row label { + width: 30%; + font-size: 1.2em; + margin-right: 5px; +} + +.form-row input, +.form-row textarea { + flex: 1; + padding: 10px; + border: 1px solid #ccc; + font-size: 1em; +} + +.form-row textarea { + resize: vertical; + padding: 70px; +} + +button { + background-color: #38E54D; + color: #333; + padding: 10px 15px; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 1.3em; + margin-top: 20px; +} + + +/* contact*/ +#contact .additional-content { + margin-top: 30px; +} + +#contact .additional-content h3 { + font-size: 1.8em; + margin-bottom: 15px; + color: #333; +} + +#contact .additional-content p { + font-size: 1.2em; + line-height: 1.6; + color: #666; + margin-bottom: 20px; +} + + +#contact { + background-color: #f4f4f4; + padding: 50px 0; + text-align: center; +} + +#contact h2 { + font-size: 2.5em; + margin-bottom: 20px; +} + +#contact p { + font-size: 1.2em; + margin-bottom: 20px; +} + +#contact .details { + display: flex; + justify-content: space-around; + flex-wrap: wrap; + margin-top: 30px; +} + +#contact .details div { + width: 45%; + margin-bottom: 20px; + padding: 20px; + background-color: white; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + + +.RecentContainer { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + margin-top: 20px; +} + +.RecentContainer img { + width: 200px; + margin: 10px; + height: 200px; + padding: 20px; +} + +.RecentContainer video { + width: 500px; + margin: 30px; + align-self: center; +}