<!-- Author  Raivis Rampāns
Created 12.03.2025
Editor Raivis
Modified 02.04.2025 -->

<head>
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"> <!-- Pievieno cilnei ikonu -->
</head>

<header>
  <?php include 'header.php';?> <!-- Pievieno klāt header.php no php mapītes -->
</header>

<body>
    <div class="container mt-4">
        <div class="row align-items-center">
            <!-- Welcome -->
            <div class="col-lg-6 d-flex align-items-center animate__animated animate__fadeInUp">
                <div class="p-4 w-100">
                    <h2 class="fw-bold">Welcome to Web NotePad!</h2>
                    <p>Web NotePad is a simple and efficient online notepad where users can create, edit, and organize their notes effortlessly. Whether you're jotting down quick thoughts or working on detailed documents, our platform provides a seamless experience.</p>
                </div>
            </div>
            <div class="col-lg-6 text-center animate__animated animate__fadeInUp">
                <img src="../images/Welcome Notepad.png" class="img-fluid" alt="Welcome Notepad">
            </div>
        </div>
        
        <!-- About us -->
        <div class="row mt-4 align-items-center">
            <div class="col-lg-6 text-center animate__animated animate__fadeInUp">
                <img src="../images/About us NotePad.png" class="img-fluid" alt="About us Notepad">
            </div>
            <div class="col-lg-6 d-flex align-items-center animate__animated animate__fadeInUp">
                <div class="p-4 w-100">
                    <h3 class="fw-bold">About us</h3>
                    <p>Web NotePad is designed for productivity and collaboration. Users can save their notes securely and share created files with others easily. Our goal is to provide a user-friendly space for note-taking and sharing, making organization and teamwork more efficient.</p>
                </div>
            </div>
        </div>

        <!-- Features -->
        <div class="row mt-4 align-items-center">
            <div class="col-lg-6 d-flex align-items-center animate__animated animate__fadeInUp">
                <div class="p-4 w-100">
                    <h2 class="fw-bold">Features</h2>
                    <p>Web NotePad provides a seamless and efficient platform for note-taking and file sharing. With a clean and intuitive interface, users can easily create, edit, and organize their notes. The built-in file-sharing feature allows for effortless collaboration, making teamwork more efficient. Notes are securely stored, ensuring privacy and accessibility from any device, whether it's a computer, tablet, or phone. Rich text editing enhances the note-taking experience by allowing users to format their content as needed. Web NotePad is designed to make productivity simple and accessible for everyone.</p>
                </div>
            </div>
            <div class="col-lg-6 text-center animate__animated animate__fadeInUp">
                <img src="../images/Features Notepad.png" class="img-fluid" alt="Welcome Notepad">
            </div>
        </div>

        <!-- Get started -->
        <div class="row mt-4 align-items-center">
            <div class="col-lg-6 text-center animate__animated animate__fadeInUp">
                <img src="../images/Get started NotePad.png" class="img-fluid" alt="About us Notepad">
            </div>
            <div class="col-lg-6 d-flex align-items-center animate__animated animate__fadeInUp">
                <div class="p-4 w-100">
                    <h3 class="fw-bold">Get started!</h3>
                    <p>Create an account and start scribbling & sharing your notes or documents.</p>
                    <a href="register.php" class="btn btn-outline-dark me-2">Register</a>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Iekļauj Animate.css animācijām -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
</body>

<footer>
    <?php include 'footer.php';?> <!-- Pievieno klāt footer.php no php mapītes -->
</footer>