commit 125ca124137d9f1e17e67d66dfab953542bfa478 Author: realaravinth Date: Fri Sep 16 23:28:01 2022 +0530 feat: init diff --git a/index.html b/index.html new file mode 100644 index 0000000..8207757 --- /dev/null +++ b/index.html @@ -0,0 +1,90 @@ + + + + + + Sri Balaji Hostels + + + +
+ +
+ +
+
+

Hostels Facilities For Men and Women(separate)

+

Safe and Comfortable Hostels For VIT AP Students

+
    +
  • Free WiFi providing uninterrupted internet access
    • +
  • Transport to university is optionally provided
    • +
  • + Healthy, hygienic meals prepared by our in-house kitchen +
    • +
  • Laundry service: washing machines are available
    • +
  • Attached bathrooms in all accommodation types
    • +
  • 24/7 hot water to all bathrooms
    • +
  • + Located in Mandadam Center bus stop, supermarket, bakeries + and restaurants in < 1KM +
    • +
+
+ +
+

Contact

+

For enquiries, please contact:

+
    + Mr. Pavan Eshwar: 756 9427 495 + Mr. Pavan Eshwar(Alternate): 814 3509 134 +
+
+ +
+

Location

+ +
+ +
+

Photos

+
+ + + + + + + + + + + + + + + + + + + + +
+
+
+ + diff --git a/main.css b/main.css new file mode 100644 index 0000000..1478515 --- /dev/null +++ b/main.css @@ -0,0 +1,153 @@ +* { + margin: 0; + padding: 0; + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: auto; + text-align: center; +} + +header { + width: 100%; +} + +nav { + display: flex; + justify-content: space-between; + height: 50px; + align-items: center; +} + +nav > ul { + display: flex; + list-style: none; +} + +nav > ul > li { + margin: 0 20px; +} + +nav > p > a, +nav > p > a:hover, +nav > ul > li > a, +nav > ul > li > a:hover { + color: black; + text-decoration: none; +} + +body { + display: flex; + flex-direction: column; + width: 100%; +} + +section { + width: 70%; + margin: auto; +} + +.hero { + margin: 20px 0; + width: 100%; + padding: 50px 10%; +} + +.tagline { + text-align: left; + margin: auto; + font-size: 2rem; + font-weight: 600; +} + +.attention { + font-size: 1.3rem; +} + +.hero__features { + margin: auto; + margin-top: 10px; + margin-left: 14px; +} + +ol { + display: flex; + flex-direction: column; +} + +.mens-hostel__iframe { + margin-top: 30px; +} + +.gallery { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 50px; + width: 70%; +} + +.hostel__photo { + width: 250px; + width: 250px; +} + +@media (max-width: 1050px) { + html { + max-width: 100vw; + overflow-x: hidden; + } + + * { + padding: 0; + margin: 0; + } + + .gallery { + display: flex; + flex-direction: column; + } + + section { + width: 95%; + margin: auto; + } + + .hero { + width: 100%; + padding: 25px; + } + + body { + align-items: center; + } + + .gallery { + width: 100%; + } + + .location { + display: flex; + flex-direction: column; + align-items: center; + align-items: center; + width: 100%; + } + + .hostel__photo { + margin: auto; + } + + .hero { + padding: 0; + } + + main { + padding: 10px; + } +}