snowflake-project.github.io/index.html at master · GaleiteD/snowflake-project.github.io · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>snowflake</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
</head>

<body>
    <section class="landing"><a href="index.html"><img src="assets/img/logo.svg" class="center"></a>
        <p class="text-center nav-bar sg-font"><a class="text-white nav-sec" href="#">Overview</a><a href="#" class="nav-sec">Project</a><a href="http://snowflake-project.github.io/surveys" class="nav-sec">Surveys</a></p>
        <p class="lead text-center text-white heading">Snowflake</p>
        <p class="lead text-center desc sg-font">Focus on what matters instead of fighting with Passwords. Whether you're new to Password or a seasoned user, Snowflake simplifies your Password Security.<br></p><button class="btn btn-dark download center" type="submit" style="font-size:24px;">Download for Chrome</button>
        <p
            class="text-center text-light button-desc sg-font">Also available for <a href="hmm">Firefox</a>, <a href="ggg">Safari</a>, and <a href="uhh">Edge</a>.</p>
            <div class="vl center"></div>
            <div class="demo center">
                <p class="text-secondary form-head"><strong>Enter your Password</strong></p>
                <form>
                    <div class="input-group shadow"><input class="form-control" type="text">
                        <div class="input-group-append"><button class="btn btn-primary go" type="button">Go!</button></div>
                    </div>
                </form>
                <ul class="list-group">
                    <li class="list-group-item">
                        <p class="demo-list"><strong>Years to Crack : </strong>5 years</p>
                    </li>
                    <li class="list-group-item">
                        <p class="demo-list"><strong>How Common : </strong>1 in 5 people have a similar password</p>
                    </li>
                    <li class="list-group-item">
                        <div class="progress bar">
                            <div class="progress-bar bg-success" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"><span class="sr-only">70%</span></div>
                        </div>
                    </li>
                </ul>
            </div>
            <p class="lead text-center text-light demo-desc">This is a how our <a href="chrome">extension</a> feels like.<br>Simple, and straight to the point.</p><button class="btn btn-outline-primary btn-lg github-button center" type="button">Check our Github &nbsp;&nbsp;<i class="fa fa-long-arrow-right" id="arrow"></i></button>
            <hr
                class="divider">
                <p class="lead text-nowrap text-center text-white heading idk">Features</p>
                <div class="row no-gutters justify-content-center feature-row">
                    <div class="col-sm-12 col-md-6 feature-col"><img src="assets/img/Feature1.svg" class="feature-image center">
                        <h2 class="text-center text-white center">Heading</h2>
                        <p class="text-center text-light sg-font">Paragraph</p>
                    </div>
                    <div class="col-sm-12 col-md-6 feature-col"><img src="assets/img/Feature2.svg" class="feature-image center">
                        <h2 class="text-center text-white">Heading</h2>
                        <p class="text-center text-light sg-font">Paragraph</p>
                    </div>
                </div>
                <div class="row no-gutters justify-content-center feature-row">
                    <div class="col-sm-12 col-md-6 feature-col"><img src="assets/img/Feature1.svg" class="feature-image center">
                        <h2 class="text-center text-white center">Heading</h2>
                        <p class="text-center text-light sg-font">Paragraph</p>
                    </div>
                    <div class="col-sm-12 col-md-6 feature-col"><img src="assets/img/Feature2.svg" class="feature-image center">
                        <h2 class="text-center text-white">Heading</h2>
                        <p class="text-center text-light sg-font">Paragraph</p>
                    </div>
                </div>
                <hr class="divider">
                <p class="lead text-nowrap text-center text-white heading">Team</p>
                <div class="team"><img class="rounded-circle team-img" src="assets/img/me-green.png"><img class="rounded-circle team-img" src="assets/img/aniket.jpeg"><img class="rounded-circle team-img" src="assets/img/indrajith.jpeg"></div>
    </section>
    <hr class="footer-hr">
    <footer>
        <p class="lead text-center footer-link-p"><a href="#" class="footer-link">Github</a><a href="#" class="footer-link">Research</a><a href="#" class="footer-link">About</a><a href="#" class="footer-link">Team</a></p>
    </footer>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
</body>

</html>