Spam-Identifier/Portal.html at master · Utkarsh9799/Spam-Identifier · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Spam Identifier</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Indie+Flower|Jura|Ubuntu+Mono" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="Style.css" />
    <script src="UI.js"></script>
</head>
<body class="text-center">
        <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
            <section id="home" class="main">
                <header class="masthead">
                  <div class="inner">
                    <h3 class="masthead-brand">Spam Identifier</h3>
                    <nav class="nav nav-masthead justify-content-center">
                      <a class="nav-link active" href="#home">Home</a>
                      <a class="nav-link" href="#features">About</a>
                      <a class="nav-link contact" href="https://www.linkedin.com/in/utkarsh-kumar-99923916a/">Contact</a>
                    </nav>
                  </div>
                </header>

                <main role="main" class="inner cover">
                  <h2 class="cover-heading">Detect all the clickbaits and spam emails.</h2>
                  <p class="lead">A web app that helps you identify all kinds of clickbaits and spam emails in the digital world to ensure cyber security.</p>
                  <p class="lead start">
                    <a href="#detection" class="btn btn-lg btn-secondary">Get Started</a>
                  </p>
                </main>
            </section>

            <section class="main">
                <div id="features">
                  <h1 class="head">About</h1>
                  <p class="lead next"><b>Clickbaits and spam emails are designed to entice users to follow a link or claiming that they have won a lottery or any other prize so that they get scammed into giving sensitive details.</b></p>
                  <ul>
                    <li><p class="lead">This web app can detect spam emails/messages and clickbaits.</p></li>
                    <li><p class="lead">This app boasts an accuracy level of 90% in successful detection of spam text.</p></li>
                    <p class="lead"><em>Overall this web app helps in preventing many users from falling prey to potentially dangerous clickbaits and alerts them about the messages they receive and lets them know wheather they should bother to read the message or not.</em></p>
                  </ul>
                  <i class="fa fa-home"></i>   <a class="ref" href="#home"><b>Home</b></a>
                </div>
            </section>

            <section class="main">
                <div id="detection">
                  <h4 class="head4"><b>If something sounds too good to be true… there’s probably a scammer behind it!</b></h4><br>
                   <p class="alg"><b>Enter the subject of your email below</b></p>
                      <form class="email">
                        <input type="text" class="inp" name="email subject" placeholder="Enter subject"><br>
                        <input type="submit" class="sub">
                      </form>
                  <div class="get">
                    <i class="fa fa-home"></i>   <a class="ref" href="#home"><b>Home</b></a>
                  </div>
                </div>
            </section>

                <footer class="mastfoot mt-auto">
                  <div class="inner">
                    <p>Made by <a href="https://ideahack-bvcoe-bvphackerearthclub.hackerearth.com/sprints/idea-hack/dashboard/76f2b04/team/">Team Illuminati</a> for <a href="https://ideahack-bvcoe-bvphackerearthclub.hackerearth.com/">IdeaHack</a>.</p>
                  </div>
                </footer>
        </div>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="UI.js"></script>
</body>
</html>