diff --git a/images/about-vid.mp4 b/images/about-vid.mp4 new file mode 100644 index 0000000..d2b1247 Binary files /dev/null and b/images/about-vid.mp4 differ diff --git a/images/army_logo.png b/images/army_logo.png new file mode 100644 index 0000000..16c9170 Binary files /dev/null and b/images/army_logo.png differ diff --git a/images/background.jpg b/images/background.jpg new file mode 100644 index 0000000..bce82f7 Binary files /dev/null and b/images/background.jpg differ diff --git a/images/contact-img.png b/images/contact-img.png new file mode 100644 index 0000000..9ab4d21 Binary files /dev/null and b/images/contact-img.png differ diff --git a/images/home-bg.svg b/images/home-bg.svg new file mode 100644 index 0000000..0889a93 --- /dev/null +++ b/images/home-bg.svg @@ -0,0 +1,1042 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/icon-1.png b/images/icon-1.png new file mode 100644 index 0000000..0a51d17 Binary files /dev/null and b/images/icon-1.png differ diff --git a/images/icon-2.png b/images/icon-2.png new file mode 100644 index 0000000..d0323b2 Binary files /dev/null and b/images/icon-2.png differ diff --git a/images/icon-3.png b/images/icon-3.png new file mode 100644 index 0000000..2b9e242 Binary files /dev/null and b/images/icon-3.png differ diff --git a/images/icon-4.png b/images/icon-4.png new file mode 100644 index 0000000..4646bc8 Binary files /dev/null and b/images/icon-4.png differ diff --git a/images/icons8-army.png b/images/icons8-army.png new file mode 100644 index 0000000..da659e8 Binary files /dev/null and b/images/icons8-army.png differ diff --git a/images/icons8-orchid-96.jpg b/images/icons8-orchid-96.jpg new file mode 100644 index 0000000..ba46dba Binary files /dev/null and b/images/icons8-orchid-96.jpg differ diff --git a/images/img-1.jpg b/images/img-1.jpg new file mode 100644 index 0000000..831d1c6 Binary files /dev/null and b/images/img-1.jpg differ diff --git a/images/img-10.jpg b/images/img-10.jpg new file mode 100644 index 0000000..38cb539 Binary files /dev/null and b/images/img-10.jpg differ diff --git a/images/img-11.jpg b/images/img-11.jpg new file mode 100644 index 0000000..13ea197 Binary files /dev/null and b/images/img-11.jpg differ diff --git a/images/img-12.jpg b/images/img-12.jpg new file mode 100644 index 0000000..58046b7 Binary files /dev/null and b/images/img-12.jpg differ diff --git a/images/img-2.jpg b/images/img-2.jpg new file mode 100644 index 0000000..a49fe55 Binary files /dev/null and b/images/img-2.jpg differ diff --git a/images/img-3.jpg b/images/img-3.jpg new file mode 100644 index 0000000..8538e1d Binary files /dev/null and b/images/img-3.jpg differ diff --git a/images/img-4.jpg b/images/img-4.jpg new file mode 100644 index 0000000..13cb6eb Binary files /dev/null and b/images/img-4.jpg differ diff --git a/images/img-5.jpg b/images/img-5.jpg new file mode 100644 index 0000000..2cc3cb5 Binary files /dev/null and b/images/img-5.jpg differ diff --git a/images/img-6.jpg b/images/img-6.jpg new file mode 100644 index 0000000..ea33c07 Binary files /dev/null and b/images/img-6.jpg differ diff --git a/images/img-7.jpg b/images/img-7.jpg new file mode 100644 index 0000000..6eb9e2c Binary files /dev/null and b/images/img-7.jpg differ diff --git a/images/img-8.jpg b/images/img-8.jpg new file mode 100644 index 0000000..c1e00c5 Binary files /dev/null and b/images/img-8.jpg differ diff --git a/images/img-9.jpg b/images/img-9.jpg new file mode 100644 index 0000000..0811e06 Binary files /dev/null and b/images/img-9.jpg differ diff --git a/images/mod.svg b/images/mod.svg new file mode 100644 index 0000000..e51dd9a --- /dev/null +++ b/images/mod.svg @@ -0,0 +1,1242 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/one.jpg b/images/one.jpg new file mode 100644 index 0000000..c358fb3 Binary files /dev/null and b/images/one.jpg differ diff --git a/images/one.svg b/images/one.svg new file mode 100644 index 0000000..bbd17fa --- /dev/null +++ b/images/one.svg @@ -0,0 +1,1067 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/payment.png b/images/payment.png new file mode 100644 index 0000000..6e14ec7 Binary files /dev/null and b/images/payment.png differ diff --git a/images/pic-1.jpg b/images/pic-1.jpg new file mode 100644 index 0000000..de3ea48 Binary files /dev/null and b/images/pic-1.jpg differ diff --git a/images/pic-2.jpg b/images/pic-2.jpg new file mode 100644 index 0000000..fc16e1c Binary files /dev/null and b/images/pic-2.jpg differ diff --git a/images/pic-3.png b/images/pic-3.png new file mode 100644 index 0000000..fca7c8e Binary files /dev/null and b/images/pic-3.png differ diff --git a/images/pic-4.jpg b/images/pic-4.jpg new file mode 100644 index 0000000..a9f33b9 Binary files /dev/null and b/images/pic-4.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..3163023 --- /dev/null +++ b/index.html @@ -0,0 +1,474 @@ + + + + + + ARMY + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ + + + +
+
+

Digital Community

+ Of Digital Content Creators +

ARMY stand for Ankush Raj Mahe Yam. ARMY a Digital Content Provider Community. Everythings digitally you will find here.

+ Watch Now +
+
+ + + + + + +
+

about us

+
+
+ +

A Digital Community

+
+
+

What is ARMY

+

ARMY, which stands for "Ankush Raj Mahe Yam - A Digital Content Creator Community." ARMY is described as a digital media platform that offers various types of content, including games, technology, education, entertainment, and motivation, all free of charge. These diverse topics are covered in videos available on different YouTube channels managed by ARMY.

+ Learn More + +
+
+
+ + + + + +
+
+ + +
+

Filmedia

+ Entertainment Related Content +
+ + +
+ +
+ + +
+

Gamend

+ Game Related Content +
+ +
+ +
+ + +
+

Bestech

+ Tech Related Content +
+ +
+ +
+ + +
+

Learnet

+ Education Related Content +
+ +
+
+ + + + + +
+

latest Videos

+
+
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

Color Grading Breakdown in Premiere Pro | ARMY | By Ankush Raj Mahe Yam

+ +
+
+ +
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

4K Drone Views | Pilot Baba Dhaam | Bihar - India | Filmedia | Ankush Raj Mahe Yam

+ +
+
+ +
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

FREE FIRE, PUBG, MAFIA II, GTA V, FORNITE, GANGSTAR, ASSASSIN'S CREED, CALL OF DUTY & MUCH MORE GAME

+ +
+
+ +
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

Under 55K Best Gaming Laptops 2024 | Review & Unboxing | Best Gaming Laptop Under 55K INR!

+ +
+
+ + <
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

Mahashivratri 2023 | Top 10 Mahashivratri status | Mahadev top 10 status | Bholenath top 10 status

+ +
+
+ +
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

FREE FIRE MONTAGE | MASTER THE BLASTER LYRICS | BEAT SYNCS | THALAPATHY VIJAY | COVID-19 GUIDELINES

+ +
+
+ +
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

Chandrayaan 3 Lunar Landing | India Make History | Bestech | Ankush Raj Mahe Yam

+ +
+
+ +
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

4Repossession Mission | Simeon gifts Franklin with Employee of the Month | GTA 5 Story Mode #5 | Ankush Raj Mahe Yam

+ +
+
+ +
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

BhagavadGita Book | श्रीमद्भगवद्‌गीता Book Unboxing | यथारूप BhagavadGita Review | Ankush Raj Mahe Yam

+ +
+
+ +
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

How to Import Folders in BlueStacks 5 | Bestech | Ankush Raj Mahe Yam

+ +
+
+ +
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

SQUID GAME BGM | SQUID GAME THEME SONG | BASS BOOSTED MUSIC | RED LIGHT GREEN LIGHT SONG | FILMEDIA | Ankush Raj Mahe Yam

+ +
+
+ +
+ 10M Views +
+ +
+ + Watch Now + +
+
+
+

GTA 5 Mission | GTA 5 Trailer | GTA 5 Story Mode #3 | GTA 5 Theme Song | Gamend | Ankush Raj Mahe Yam

+ +
+
+
+
+ + + + +
+

Viewer's Review

+
+
+
+ + + + + +
+

Exploring ARMY's gaming content has been an exhilarating experience! Their videos are not only entertaining but also informative and addictive. Whether it's diving into the latest gaming trends or providing insightful reviews, ARMY consistently delivers top-quality gaming content. With their engaging commentary and impressive gameplay, ARMY has become my go-to source for all things gaming. If you're a gaming enthusiast like me, you don't want to miss out on ARMY's incredible gaming content!

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

Exploring ARMY's Bestech-related content has been an enlightening experience! Their videos are rich with valuable insights, expert analysis, and practical tips in the realm of technology. Whether it's uncovering the latest tech trends, reviewing innovative gadgets, or offering helpful tutorials, ARMY consistently delivers informative and engaging content. Their dedication to providing top-tier tech content is evident in every video. I wholeheartedly recommend ARMY's Bestech-related content to anyone seeking reliable and comprehensive tech resources!

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

ARMY's educational content is truly exceptional! Their videos cover a wide range of topics with clarity, depth, and relevance. Whether you're looking to expand your knowledge in technology, science, or any other field, ARMY delivers insightful and engaging content that makes learning a pleasure. The videos are well-researched, easy to follow, and packed with valuable information. If you're eager to learn and grow, I highly recommend exploring ARMY's educational content - it's a game-changer!

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

Discovering ARMY's entertainment content was an absolute delight! Their videos are not only entertaining but also engaging and well-crafted. From captivating storytelling to immersive experiences, ARMY knows how to keep its audience hooked. Each video is a testament to their creativity and dedication to providing top-notch entertainment. I highly recommend ARMY's entertainment content to anyone looking for quality digital entertainment!

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

contact us

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

quick links

+ home + about + Contents + review + contact +
+
+

Social Media links

+ FaceBook + Instagram + Twitter +
+
+

Locations

+ India + Pakistan + Nepal + Bangladesh + Indonesia +
+ +
+

contact info

+ +91 993-456-7890 + info.armyofficialindia@gmail.com + Bihar, India - 823001 + Donate Us + payment-gatway + + +
+
+
+ © 2020-24 ARMY All Right Reserved. +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..c428311 --- /dev/null +++ b/style.css @@ -0,0 +1,608 @@ +:root{ + --Light_blue:#cbdeff; + --Dark_blue:#001147; + --Mid_blue : #786694; +} +*{ + margin: 0; + box-sizing: border-box; + font-family: Verdana, Geneva, Tahoma, sans-serif; + outline: none; + border: none; + text-decoration: none; + text-transform: capitalize; + transition: .2s linear; + +} + + +html{ + font-size: 62.5%; + scroll-behavior: smooth; + scroll-padding-top: 6rem; + overflow-x: hidden; +} +section{ + padding: 2rem 9%; + +} +.heading{ + text-align: center; + font-size: 4rem; + color: var(--Dark_blue); + padding: 1rem; + margin: 2rem 0; + background: rgba(0, 16, 122, 0.05); + +} + +.heading span{ + color:#002fff;; +} +.btn{ + display: inline-block; + margin-top: 1rem; + border-radius: 5rem; + background: var(--Dark_blue); + color: #fff; + padding: .9rem 3.5rem; + cursor: pointer; + font-size: 1.7rem; +} +.btn:hover{ + background: #002fff; +} +header{ + position: fixed; + top: 0; left: 0; right: 0; + background: var(--Light_blue); + padding: 2rem 9%; + display: flex; + align-items: center; + justify-content: space-between; + z-index: 1000; + box-shadow: 0 .5rem 1rem rgb(0, 0, 0, .1); +} + + header .logo{ + font-size:3rem; + color: var(--Dark_blue); + font-weight: bolder; + } + + header .logo img{ + width: 50px; + height: 50px; + + } + +header .logo span{ + color: var(--Dark_blue); + position:relative; + top: -12px; + left: 5px; +} + +header .navbar a{ + font-size: 2rem; + padding: 0 1.5rem; + color: var(--Dark_blue); + +} + +header .navbar a:hover{ + color: #002fff; + font-size: 2.2rem; + transition:ease-in-out ; +} + +header .icons a{ + font-size: 3rem; + color: var(--Dark_blue); + margin-left: 1.5rem; + height: 50px; +} + +header .icons a:hover{ + color: #002fff; + font-size: 3.2rem; + transition:ease-in-out; +} + +header #toggler{ + display: none; +} + +header .fa-bars{ + font-size: 3rem; + color: var(--Dark_blue); + border-radius: .5rem; + padding: .5rem 1.5rem; + cursor: pointer; + border: .1rem solid rgba(0,0,0,.3); + display: none; +} + + +.home{ + display: flex; + align-items: center; + min-height: 100vh; + background: url(./images/background.jpg) no-repeat; + background-size: cover; + background-position: center; + + opacity: 90%; +} + +.home .content{ + max-width: 50rem; +} + +.home .content h3{ + font-size: 6rem; + color: var(--Dark_blue); +} + +.home .content span{ + font-size: 3.5rem; + color:#002fff; + padding: 1rem 0; + line-height: 1.5; +} + +.home .content p{ + font-size: 2rem; + color:var(--Dark_blue); + padding: 1rem 0; + line-height: 1.5; +} + +.about .row{ + display: flex; + align-items: center; + gap: 2rem; + flex-wrap: wrap; + pad: 2rem 0; + padding-bottom: 3rem; + +} + +.about .row .video-container{ + flex: 1 1 40rem; + position: relative; +} + + +.about .row .video-container video{ + width: 100%; + border: 1.5rem solid #fff; + border-radius: .5rem; + box-shadow: 0 .5rem 1rem rgba(0,0,0,.1); + object-fit: cover; +} + + +.about .row .video-container h3{ + position: absolute; + top: 50%; + transform: translateY(-50%); + font-size: 3rem; + background: #fff; + width: 100%; + padding: 1rem 2rem; + text-align: center; + mix-blend-mode: screen; + +} + +.about .row .content{ + flex: 1 1 40rem; +} + +.about .row .content h3{ + font-size: 3rem; + color: var(--Dark_blue); + +} + +.about .row .content p{ + font-size: 1.5rem; + color: var(--Mid_blue); + padding: .5rem 0; + padding-top: 1rem; + line-height: 1.5; + +} + +.icons-container{ + background: #eee; + display: flex; + flex-wrap: wrap; + gap: 1.5rem; + padding-top: 5rem; + padding-bottom: 5rem; +} + +.icons-container .icons a{ + background: #fff; + border: .1rem solid rgba(0,0,0,.1); + padding: 2rem; + display: flex; + align-items: center; + flex: 1 1 25rem; +} + +.icons-container .icons img{ + height: 5rem; + margin-right: 2rem; +} + +.icons-container .icons h3{ + color: var(--Dark_blue); + padding-bottom: .5rem; + font-size: 1.5rem; +} + + +.icons-container .icons span{ + color: #555; + font-size: 1.3rem; +} + +.Services .box-container{ + display: flex; + flex-wrap: wrap; + gap: 1.5rem; + +} + +.Services .box-container .box{ + flex: 1 1 30rem; + box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1); + border-radius: .5rem; + border: .1rem solid rgba(0,0,0,.1); + position: relative; +} + +.Services .box-container .box .Analytical { + position: absolute; + top: 1rem; left: 1rem; + padding: .3rem 1rem; + font-size: 1.5rem; + color: var(--Dark_blue); + background: rgba(201, 223, 255, 0.5); + z-index: 1; + border-radius: .5rem; + display: none; +} + +.Services .box-container .box .image{ + position: relative; + text-align: center; + padding-left: 2rem; + overflow: hidden; +} + +.Services .box-container .box .image img{ + height: 25rem; +} + +.Services .box-container .box:hover .image img{ + transform: scale(1.1); +} + +.Services .box-container .box .image .icons{ + position: absolute; + bottom: -7rem; left: 0; right: 0; + display: flex; + display: none; +} + +.Services .box-container .box:hover .image .icons{ + bottom: 0; +} + +.Services .box-container .box:hover .image .icons a{ + height: 5rem; + line-height: 5rem; + font-size: 2rem; + width: 50%; + background: var(--Dark_blue); + color: #fff; +} + +.Services .box-container .box:hover .image .icons .view-btn{ + border-left: .1rem solid #fff7; + border-right: .1rem solid #fff7; + width: 100%; +} + +.Services .box-container .box:hover .image .icons a:hover{ + background: var(--Mid_blue); +} + +.Services .box-container .box .content{ + padding: 2rem; + text-align: center; +} + +.Services .box-container .box .content h3{ + font-size: 2rem; + color: var(--Dark_blue); +} + +.Services .box-container .box .content .span{ + font-size: 2.5rem; + color: var(--Dark_blue); + font-weight: bolder; + padding-top: 1rem; + display: none; +} + +.Services .box-container .box .content .span { + font-size: 1.5rem; + color: var(--Mid_blue); + font-weight: lighter; + text-decoration: line-through; + display:none; +} + +.review .box-container{ + display: flex; + flex-wrap: wrap; + gap: 1.5rem; +} + +.review .box-container .box{ + flex: 1 1 30rem; + box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1); + border-radius: .5rem; + padding: 3rem 2rem; + position: relative; + border:.1rem solid rgba(0,0,0,.1); + +} + + +.review .box-container .box .fa-quote-right{ + position: absolute; + bottom: 3rem; right: 3rem; + font-size: 6rem; + color: #eee; + +} + +.review .box-container .box .stars i{ + color: var(--Dark_blue); + font-size: 2rem; +} + +.review .box-container .box p{ + color: var(--Mid_blue); + font-size: 1.5rem; + line-height: 1.5rem; + padding-top: 2rem; +} + +.review .box-container .box .user{ + display: flex; + align-items: center; + padding-top: 2rem; + +} + +.review .box-container .box .user img{ + height: 6rem; + width: 6rem; + border-radius: 50%; + object-fit: cover; + margin-right: 1rem; +} + +.review .box-container .box .user h3{ + font-size: 2rem; + color: var(--Dark_blue); +} + + +.review .box-container .box .user span{ + font-size: 1.5rem; + color: var(--Mid_blue); +} + +.contact .row{ + display: flex; + flex-wrap: wrap; + gap: 1.5rem; + align-items: center; +} + +.contact .row form{ + flex: 1 1 40rem; + padding: 2rem 2.5rem; + box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1); + border:.1rem solid rgba(0,0,0,.1); + background: #fff; + border-radius: .5rem; +} + +.contact .row .image{ + flex: 1 1 40rem; + + +} + +.contact.row .image img{ + width: 100%; + +} + +.contact .row form .box{ + pad: 1rem; + font-size: 1.7rem; + color: var(--Dark_blue); + text-transform: none; + border:.1rem solid rgba(0,0,0,.1); + border-radius:.5rem; + margin:.7rem 0; + width: 100%; +} + +.contact .row form .box:focus{ + border-color: var(--Dark_blue); +} + +.contact .row form textarea{ + height: 15rem; + resize: none; +} + + +.footer .box-container{ + display: flex; + flex-wrap: wrap; + gap: 1.5rem; +} + +.footer .box-container .box{ + flex: 1 1 25rem; +} + +.footer .box-container .box h3{ + color: var(--Dark_blue); + font-size: 2.5rem; + padding: 1rem 0; +} + +.footer .box-container .box a{ + display: block; + color: #666; + font-size: 1.5rem; + padding: 1rem 0; +} + + +.footer .box-container .box a:hover{ + color: var(--Dark_blue); + text-decoration: underline; +} + +.footer .box-container .box img{ + margin-top: 1rem; +} + +.footer .box-container .box span{ + color: #666; + font-size: 1.5rem; + padding: 1rem 0; + + +} + +.footer .credit{ + text-align: center; + padding: 1.5rem; + margin-top: 1.5rem; + padding-top: 2.5rem; + font-size: 2rem; + color: var(--Dark_blue); + border-top: .1rem solid rgba(0,0,0,.1); +} + +.footer .credit span{ + color: var(--Dark_blue); +} + + + + + + +/* media queries*/ +@media (max-width:991px){ + +html{ + font-size: 55% +} +header{ + padding: 2rem; +} +section{ + padding: 2rem; +} +.home{ + background-position: center; +} + +} + +@media (max-width:768px){ + html .fa-bars{ + display: block; + } + header .navbar{ + position: absolute; + top: 100%; left: 0; right: 0; + background: #eee; + border-top: .1rem solid rgba(0,0,0,.1); + clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); + } + + header #toggler:checked ~ .navbar{ + clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);; + } + header .navbar a{ + margin: 1.5rem; + padding: 1.5rem; + background: #fff; + border: .1rem solid rgb(0, 0, 0, .1); + display: block; + } + .home.content h3{ + font-size: 5rem; + + } + .home.content span{ + font-size: 2.5rem; + + } + .icons-container .icons h3{ + + font-size: 2rem; + } + + + .icons-container .icons span{ + font-size: 1.7rem; + } +} + + +@media (max-width:450px){ + + html{ + font-size: 50% + } + .heading{ + font-size: 3rem; + } + + } + + + + + + + + + + + + + + + + +