SchoolManagementSystem/index.php at main · iyedmdimegh/SchoolManagementSystem · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="Landing Page/style/landingPage.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
    <link rel="stylesheet" href="Landing Page/style/FieldsOfStudy.css">
    <link rel="stylesheet" href="Landing Page/style/footer.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
</head>

<body>
    <!-- Start Landing Page -->
    <section class="landing-page" id="landing-page">
        <header>
            <div class="header-container">
                <a href="#" class="logo">
                    <img src="Landing Page/src/logo-insat.png" alt="logo insat" class="logo-insat">
                    INSAT <b>platform</b>
                </a>
                <ul class="links">
                    <li><a href="#landing-page">Home</a></li>
                    <li><a href="#landing-page">About Us</a></li>
                    <li><a href="#fieldsOfStudy">Fields of Study</a></li>
                    <li><a href="#contact-form-section">Contact us</a></li>
                    <li><button class="nav-btn nav-btn-login" onclick="window.location.href = 'form/form.php';">Log in</button></li>
                    <li><button class="nav-btn" onclick="window.location.href = 'admission/registration_form.html';">Get Started</button></li>
                </ul>
            </div>
        </header>
        <div class="header-content">
            <div class="header-container">
                <div class="header-info">
                    <h1>Welcome to INSAT</h1>
                    <p>At the National Institute of Applied Sciences and Technology (INSAT), we're dedicated to empowering minds and transforming lives through innovative education and cutting-edge research. As one of the leading institutions of higher learning in the region, INSAT is committed to excellence in engineering, sciences, and technology.</p>
                    <a href="#fieldsOfStudy"><button class="learn-more-btn">learn more</button></a>
                </div>
            </div>
        </div>
    </section>

    <section class="fields-of-study" id="fieldsOfStudy">
        <div class="discover-fields-of-study">
            <span>discover</span>
            <h1>fields of study</h1>
            <hr>
            <p>Explore our diverse range of academic disciplines and fields of study.</p>
        </div>
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide swiper-slide--one">
                    <div>
                        <h2>Réseaux Informatiques et Télécommunications</h2>
                        <p>The Networks and Telecommunications program equips engineers to design, implement, and manage computer and telecommunications networks, facilitating efficient communication and connectivity across industries.</p>
                    </div>
                </div>
                <div class="swiper-slide swiper-slide--two">
                    <div>
                        <h2>Genie Logiciel</h2>
                        <p>Software Engineering program cultivates versatile engineers adept at leading projects, driving software solutions, and adapting to industry dynamics for career success.</p>
                    </div>
                </div>
                <div class="swiper-slide swiper-slide--three">
                    <div>
                        <h2>Informatique Industrielle et Automatique</h2>
                        <p>The Industrial Computing and Automation program trains engineers in advanced computer techniques for automated production, fostering innovation and digital transformation in industry.</p>
                    </div>
                </div>
                <div class="swiper-slide swiper-slide--four">
                    <div>
                        <h2>Instrumentation et Maintenance Industrielle</h2>
                        <p>The Industrial Computing and Automation program develops engineers proficient in advanced computer techniques for automated production, contributing to process optimization and digital transformation in industry.</p>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </section>

    <!-- Contact Form Section -->
    <section class="contact-form-section" id="contact-form-section">
        <div class="container-fluid mt-5" style="background-color: #26272b; color: #fff; padding: 20px;">
            <h1 style="text-align:center;">Contact Us</h1>
            <form action="Landing Page/send_email.php" method="post" style="margin:0 15%;">
                <div class="mb-3">
                    <label for="name" class="form-label">Name:</label>
                    <input type="text" class="form-control" id="name" name="name" style="background-color: #33353d; color: #eceeef;" required>
                </div>
                <div class="mb-3">
                    <label for="email" class="form-label">Email:</label>
                    <input type="email" class="form-control" id="email" name="email" style="background-color: #33353d; color: #eceeef;" required>
                </div>
                <div class="mb-3">
                    <label for="message" class="form-label">Message:</label>
                    <textarea class="form-control" id="message" name="message" rows="4" style="background-color: #33353d; color: #eceeef;" required></textarea>
                </div>
                <div class="text-end">
                    <input type="submit" class="btn btn-primary" value="Submit">
                </div>
            </form>
        </div>
    </section>

    <!-- Footer -->
    <footer class="site-footer" id="about-us">
        <div class="container">
            <div class="row">
                <div class="About-text">
                    <h6>About</h6>
                    <p class="text-justify">Welcome to INSAT, the National Institute of Applied Sciences and Technology, where excellence meets innovation. Established in 1996, INSAT is dedicated to providing world-class engineering education, fostering cutting-edge research, and nurturing future leaders in various engineering disciplines.</p>
                </div>
                <div>
                    <h6>Quick Links</h6>
                    <ul class="footer-links">
                        <li><a href="#landing-page">About Us</a></li>
                        <li><a href="#contact-form-section">Contact Us</a></li>
                        <li><a href="#">Contribute</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                    </ul>
                </div>
            </div>
            <hr>
        </div>
        <div class="container">
            <div class="row">
                <div>
                    <p class="copyright-text">Copyright &copy; 2024 All Rights Reserved by <a href="#">insat</a>.</p>
                </div>
                <div>
                    <ul class="social-icons">
                        <li><a class="facebook" href="https://www.facebook.com/insat.rnu.tn"><i class="fa fa-facebook"></i></a></li>
                        <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a class="instagram" href="#"><i class="fa fa-instagram"></i></a></li>
                        <li><a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.5/swiper-bundle.min.js"></script>
    <script src="Landing Page/index.js"></script>
</body>

</html>