SentinalAI/index.html at main · Sagexd08/SentinalAI · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sentinal AI</title>
  <style>
    body {
      font-family: 'Montserrat', sans-serif;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      background-color: #f5f5f5;
      color: #333;
    }
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 2rem;
      text-align: center;
    }
    .logo {
      margin-bottom: 2rem;
    }
    h1 {
      font-size: 3rem;
      margin-bottom: 1rem;
      color: #4a6cf7;
    }
    h2 {
      font-size: 1.8rem;
      margin-bottom: 2rem;
      color: #555;
    }
    p {
      font-size: 1.2rem;
      line-height: 1.6;
      margin-bottom: 1.5rem;
    }
    .features {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2rem;
      margin: 3rem 0;
    }
    .feature {
      background-color: white;
      border-radius: 8px;
      padding: 1.5rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      width: 300px;
      text-align: center;
    }
    .feature h3 {
      color: #4a6cf7;
      margin-bottom: 1rem;
    }
    .cta {
      margin-top: 3rem;
    }
    .button {
      display: inline-block;
      background-color: #4a6cf7;
      color: white;
      padding: 1rem 2rem;
      border-radius: 4px;
      text-decoration: none;
      font-weight: bold;
      transition: background-color 0.3s;
    }
    .button:hover {
      background-color: #3a5ce5;
    }
    .footer {
      margin-top: 4rem;
      color: #777;
      font-size: 0.9rem;
    }
  </style>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
  <div class="container">
    <div class="logo">
      <h1>Sentinal AI</h1>
      <h2>Protecting Digital Integrity with Advanced AI</h2>
    </div>

    <p>
      Sentinal AI is a cutting-edge platform that leverages artificial intelligence to detect and prevent digital threats,
      ensuring the integrity of your online presence. Our system combines advanced machine learning algorithms,
      blockchain verification, and decentralized governance to create a comprehensive solution for content moderation
      and digital security.
    </p>

    <div class="features">
      <div class="feature">
        <h3>Content Moderation</h3>
        <p>Advanced AI algorithms to detect and filter inappropriate content across your digital platforms.</p>
      </div>

      <div class="feature">
        <h3>Threat Detection</h3>
        <p>Real-time monitoring and detection of potential security threats and vulnerabilities.</p>
      </div>

      <div class="feature">
        <h3>Analytics Dashboard</h3>
        <p>Comprehensive analytics and reporting to track and visualize your digital security status.</p>
      </div>
    </div>

    <div class="cta">
      <a href="https://github.com/Sagexd08/Sentinal-AI" class="button">View on GitHub</a>
    </div>

    <div class="footer">
      <p>&copy; 2025 Sentinal AI. All rights reserved.</p>
    </div>
  </div>
</body>
</html>