diff --git a/application.html b/application.html new file mode 100644 index 0000000..c88819f --- /dev/null +++ b/application.html @@ -0,0 +1,20 @@ + + + + + Redirecting to Application + + +
+
☰
+ +
+

If you are not redirected, click here.

+ + diff --git a/contacts.html b/contacts.html new file mode 100644 index 0000000..6c835f4 --- /dev/null +++ b/contacts.html @@ -0,0 +1,32 @@ + + + + + FMCZ - Contact Us + + + +
+

Welcome to FMCZ

+
+ +
+ + +
+

Contact Us

+

Email: info@fmcz.org

+

Phone: +1-555-123-4567

+

Address: 123 FMCZ Street, City, Country

+
+
+ + diff --git a/home.html b/home.html new file mode 100644 index 0000000..c615d7b --- /dev/null +++ b/home.html @@ -0,0 +1,205 @@ + + + + + FMCZ - Home + + + +
+

Welcome to FMCZ

+
+ +
+ + +
+
+

About Us

+

Welcome to FMCZ. We are a forward-thinking organization dedicated to excellence in our domain.

+
+ +
+

News Feed

+
    +
  • 📢 FMCZ launches a new initiative for community outreach.
    • +
  • 📅 Upcoming event: Annual general meeting - August 15, 2025.
    • +
  • 📰 New partnership announced with local universities.
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • +
  • test
    • + +
+
+
+
+ + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..02bc9f6 --- /dev/null +++ b/style.css @@ -0,0 +1,103 @@ +* { + box-sizing: border-box; +} + +html, body { + margin: 0; + padding: 0; + height: 100%; + font-family: Arial, sans-serif; + display: flex; + flex-direction: column; +} + +/* Header */ +header { + background-image: url('https://vl3.cz/wp-content/uploads/2022/10/jmb-plane-02c-1024x364.png'); + background-size: cover; + background-position: center; + color: white; + height: 200px; + display: flex; + align-items: center; + justify-content: center; +} + +/* Page layout area */ +.page-layout { + flex: 1; + display: flex; + min-height: 0; /* for proper flex sizing */ +} + +/* Vertical sidebar navigation */ +aside { + width: 200px; + background-color: #333; + padding-top: 20px; + display: flex; + flex-direction: column; +} + +aside nav ul { + list-style-type: none; + padding: 0; + margin: 0; + flex-grow: 1; +} + +aside nav ul li { + margin: 10px; +} + +aside nav ul li a { + display: block; + padding: 10px 15px; + border: 2px solid white; + color: white; + text-decoration: none; + border-radius: 4px; + text-align: center; + font-weight: bold; +} + +aside nav ul li a:hover { + background-color: white; + color: #333; +} + +/* Main content */ +main { + flex: 1; + padding: 20px; + overflow-y: auto; +} + +/* News section */ +#news { + max-width: 600px; + margin: 0 auto; + text-align: left; +} + +#news h2 { + text-align: center; +} + +#news ul { + list-style: none; + padding: 0; +} + +#news ul li { + margin: 10px 0; + font-size: 16px; +} + +/* Footer */ +footer { + background-color: #333; + color: white; + text-align: center; + padding: 15px; +}