diff --git a/RaghavMaskara21/first/HayDay.png b/RaghavMaskara21/first/HayDay.png new file mode 100644 index 0000000..5eb3cf1 Binary files /dev/null and b/RaghavMaskara21/first/HayDay.png differ diff --git a/RaghavMaskara21/first/Hay_Day_logo.png b/RaghavMaskara21/first/Hay_Day_logo.png new file mode 100644 index 0000000..4338556 Binary files /dev/null and b/RaghavMaskara21/first/Hay_Day_logo.png differ diff --git a/RaghavMaskara21/first/hd_large.jpg b/RaghavMaskara21/first/hd_large.jpg new file mode 100644 index 0000000..2f39f4f Binary files /dev/null and b/RaghavMaskara21/first/hd_large.jpg differ diff --git a/RaghavMaskara21/first/index.html b/RaghavMaskara21/first/index.html new file mode 100644 index 0000000..d2e0bba --- /dev/null +++ b/RaghavMaskara21/first/index.html @@ -0,0 +1,144 @@ + + + + + + + HAY DAY + + + + + + + + + + +
+ + + + + +
+
+
+
+
+
+
PRICE CALCULATOR
+

Calculate the total price of the list foods using multiplier.

+ Open +
+
+ +
+
+
FOOD LIST MAKER
+

Select the quantity of foods you want and make a list instantly.

+ Open +
+
+ +
+
+
BEMS CALCULATOR
+

Are you a Fb trader? Enter the Complete List of Foods with ratios and get the total bems instantly.
+

+ Open +
+
+
+
+
+
+
DECO COST CALCULATOR
+

Want to Decorate Your Farm and have no idea how much will it cost? Calculate Here!

+ Open +
+
+ +
+
+
BARN SIZE CALCULATOR
+

Calculate the Number of bems required to upgrade your barn.

+ Open +
+
+ +
+
+
HAY DAY MOD APK
+

Special Modified Version Of Hay Day. Open to see the benefits 😜

+ Open +
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/RaghavMaskara21/first/style.css b/RaghavMaskara21/first/style.css new file mode 100644 index 0000000..37cdc20 --- /dev/null +++ b/RaghavMaskara21/first/style.css @@ -0,0 +1,178 @@ + +.card-title{ +font-family: 'Montserrat', sans-serif; +text-align: center; +} + +.card a{ +float: right; +} + +body{ + width: auto; + background-color: #c4e8fc; + padding-top: 15%; +} + +button.navbar-toggler{ +margin-right: 5%; +} + +.bg-nav{ +background-color: #c4e8fc +} + +.card-body { + display: flex; + flex-wrap: wrap; + align-content: center; + justify-content: flex-end; +} + + +@media (max-width: 768px){ + /* For Mobile */ + .responsive1 { + width: 96%; + height: auto; + padding-left: 3%; + + } + /* .btn-links { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + } */ + button { + margin: 2% auto; + } + .card{ + margin: 2% 0; + } + h1{ + margin-top: 10px; + } + .responsive2{ + display: none; + } + body{ + padding-top: 15%; + } + div.row{ + justify-content: center; + } + +} +nav img{ + max-width:100%; + height:45px; +} + + +@media (min-width: 768px){ + /* For Laptop */ + + /* .btn-links { + display: flex; + flex-direction: row; + } */ + .responsive1{ + display: none; + border: 2px solid black; + } + .responsive2{ + width: 80%; + margin: 0 10%; + border: 2px solid black; + + } + body{ + padding-top: 60px; + } + div.row{ + justify-content: space-between; + margin: 2% 0; + } + + +} + +/* + +FOOTER STARTS + +*/ +footer{ + background-color: black; + margin-bottom: 0; + padding: 2% 5% 5% 5%; + margin-right: 0; + margin-top: 6%; +} + +i{ + color: white; +} + +footer p{ + color: white; + margin: 0; + padding:0; +} + +.unq_btn{ + display: flex; + justify-content: space-evenly; +} + +.unq_btn a{ + display: inline-block; + text-decoration: none; + font-size: 25px; +} +.unq_btn .fa-stack-1x { + color: white; + font-size: 18px; +} +.unq_btn .fa-stack-2x { + transition: .3s; +} +.unq_btn .discord .fa-certificate { + color: #5764f2; +} +.unq_btn .fb .fa-certificate { + color: #3b579e; +} +.unq_btn .messenger .fa-certificate { + color: #09f; +} +.unq_btn .instagram .fa-certificate{ + +color: #d6249f; + +} + +.unq_btn a:hover .fa-stack-2x { + -ms-transform: rotate(60deg); + -webkit-transform: rotate(60deg); + transform: rotate(60deg); +} + +@media (min-width: 768px){ + /* For Laptop */ + .unq_btn{ + + justify-content: flex-start; + } + footer{ + margin-top: 2%; + } +} + +/* + +FOOTER ENDS + +*/ \ No newline at end of file