login.html

html casfoundation.org.ng collected 2026-09-24 20:16:01 UTC 4,578 bytes, 100 lines download raw bytes

1<!DOCTYPE html>
2<!-- Coding By Coding Jasim - www.codingjasimweb.com -->
3<html lang="en">
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Creative Arts Solution Foundation</title>
8    <!-- Google Fonts Link For Icons -->
9    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0">
10    <link rel="stylesheet" href="style.css">
11

11<script src="script.js" defer></script>

11
12</head>
13<body>
14    <!--Navigation bar-->
15    <header>
16        <nav class="navbar">
17            <span class="menu-btn material-symbols-rounded">menu</span>
18            <a href="#" class="logo">
19                <img src="images/logo.png" alt="logo">
20            </a>
21            <ul class="links">
22                <span class="close-btn material-symbols-rounded">close</span>
23                <li><a href="#"><a href="../index.html">Home</a></a></li>
24                <li><a href="#"><a href="../IgcaCBTest.html">IgcaCBTest</a></a></li>
25                <li><a href="#"><a href="../Art Outreach.html">Art Outreach</a></a></li>
26                <li><a href="#"><a href="../about.html">About us</a></a></li>
27                <li><a href="#"><a href="../contact.html">Contact us</a></a></li>
28            </ul>
29            <button class="login-btn">LOG IN</button>
30        </nav>
31    </header>
32    <!--Popup form-->
33    <div class="blur-bg-overlay"></div>
34    <div class="form-popup">
35        <span class="close-btn material-symbols-rounded">close</span>
36        <div class="form-box login">
37            <div class="form-details">
38                <h2>Welcome Back</h2>
39                <p>Please log in using your personal details to stay connected with us.</p>
40            </div>
41            <div class="form-coentnt">
42                <form method="post" action="//submit.form" onSubmit="return validateForm();">
43<div style="max-width: 400px;">
44</div>
45<div style="display: flex; padding-bottom: 18px;max-width : 450px;">
46<div style=" margin-left: 0; margin-right: 1%; width: 49%;">First name<span style="color: red;"> *</span><br/>
47<input type="text" id="data_2" name="data_2" style="max-width: 100%;" class="form-control"/>
48</div>
49<div style=" margin-left: 1%; margin-right: 0; width: 49%;">Last name<span style="color: red;"> *</span><br/>
50<input type="text" id="data_3" name="data_3" style="max-width: 100%;" class="form-control"/>
51</div>
52</div><div style="padding-bottom: 18px;">Email<span style="color: red;"> *</span><br/>
53<input type="text" id="data_4" name="data_4" style="max-width : 450px;" class="form-control"/>
54</div>
55<div style="padding-bottom: 18px;">Password<span style="color: red;"> *</span><br/>
56<input type="password" name="password" required autocomplete="new-password">
57</div>
58<div style="padding-bottom: 18px;">I agreed to the terms and conditions<br/>
59<span><input type="checkbox" id="data_10_0" name="data_10" value="Check this box"/> Check this box</span><br/>
60</div>
61<div style="padding-bottom: 18px;font-size : 14px;"><a href="Reset-Password.html">Forgot Password</a></div>
62<div style="padding-bottom: 18px;font-size : 14px;">Don't have an account. <a href="sign-up.html">Sign Up</a></div>
63<div style="padding-bottom: 18px;"><input name="skip_Submit" value="Submit" type="submit"/></div>
64<div>
65<div style="float:right"><a href="https://www.100forms.com" title="form to email" id="lnk100" style="color: #F9F9F9">form to email</a></div>

66<script src="https://www.100forms.com/js/FORMKEY:JB4AX2SW7PDW" type="text/javascript"></script>

66
67</div>
68</form>
69

70<script type="text/javascript">
71function validateForm() {
72if (isEmpty(document.getElementById('data_2').value.trim())) {
73alert('First name is required!');
74return false;
75}
76if (isEmpty(document.getElementById('data_3').value.trim())) {
77alert('Last name is required!');
78return false;
79}
80if (isEmpty(document.getElementById('data_4').value.trim())) {
81alert('Email is required!');
82return false;
83}
84if (!validateEmail(document.getElementById('data_4').value.trim())) {
85alert('Email must be a valid email address!');
86return false;
87}
88if (isEmpty(document.getElementById('data_5').value.trim())) {
89alert('Password is required!');
90return false;
91}
92return true;
93}
94function isEmpty(str) { return (str.length === 0 || !str.trim()); }
95function validateEmail(email) {
96var re = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,15}(?:\.[a-z]{2})?)$/i;
97return isEmpty(email) || re.test(email);
98}
99</script>

99
100

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.