Prvi commit: WordPress tema Europe Wonder s CI/CD konfiguracijo

page-terms-of-service.php

@@ -0,0 +1,116 @@
+<?php
+/**
+ * Template Name: Terms of Service
+ */
+
+get_header(); ?>
+
+<!-- Hero section -->
+<section class="page-hero">
+    <div class="hero-content">
+        <h1><?php the_title(); ?></h1>
+        <p>Please read these terms carefully before using our services</p>
+    </div>
+</section>
+
+<!-- Terms Content -->
+<section class="terms-content">
+    <div class="container">
+        <div class="content-wrapper">
+            <?php while (have_posts()) : the_post(); ?>
+                <?php the_content(); ?>
+            <?php endwhile; ?>
+        </div>
+    </div>
+</section>
+
+<style>
+/* Terms of Service Page Styles */
+.page-hero {
+    height: 40vh;
+    background: linear-gradient(to top,
+        rgba(0, 0, 0, 0.7) 0%,
+        rgba(0, 0, 0, 0.4) 30%,
+        rgba(0, 0, 0, 0) 100%
+    ), var(--accent);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    margin-bottom: 4rem;
+}
+
+.page-hero .hero-content {
+    padding: 2rem;
+    color: white;
+}
+
+.page-hero h1 {
+    font-size: 3.5rem;
+    margin-bottom: 1rem;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+}
+
+.page-hero p {
+    font-size: 1.3rem;
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.terms-content {
+    padding: 2rem 0 4rem;
+}
+
+.content-wrapper {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 0 1rem;
+}
+
+.content-wrapper h2 {
+    color: var(--dark);
+    margin: 2rem 0 1rem;
+    font-size: 1.8rem;
+}
+
+.content-wrapper p {
+    margin-bottom: 1.5rem;
+    color: #444;
+    line-height: 1.8;
+}
+
+.content-wrapper ul {
+    margin: 1rem 0 1.5rem 2rem;
+    color: #444;
+}
+
+.content-wrapper li {
+    margin-bottom: 0.5rem;
+    line-height: 1.6;
+}
+
+.content-wrapper strong {
+    color: #333;
+}
+
+@media (max-width: 768px) {
+    .page-hero h1 {
+        font-size: 2.5rem;
+    }
+    
+    .page-hero p {
+        font-size: 1.1rem;
+    }
+    
+    .content-wrapper h2 {
+        font-size: 1.5rem;
+    }
+    
+    .content-wrapper {
+        padding: 0 1.5rem;
+    }
+}
+</style>
+
+<?php get_footer(); ?>