UserInterface-KevinRodriguez/index.html at master · safe-space-lambda/UserInterface-KevinRodriguez · 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
<!DOCTYPE HTML>
<!--
	Photon by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
	<head>
		<title>Safe Space</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
        <link rel="stylesheet" href="css/index.css" />
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="icon" href="/images/safe space (4).png">

    </head>
        <body class="container">
            <section class = "header">
                    <nav>
                            <i class="fas fa-angle-down menu-button"></i>
                        <div class="menu">
                            <a href="https://unruffled-panini-b9bd04.netlify.com/">Sign Up</a>
                            <a href="/about-us.html">About Us</a>
                        </div>
                    </nav>
                <div>
                    <div class="logo">
                    <img src="/images/output-onlinepngtools (3).png" alt="logo">
                    <h1 class="opener">Well<br> hello<br> there.</h1>
                    </div>
                    <p>Welcome to Safe Space. The app where the only person that can take care of you is yourself. </p>
                </div>
            </section>
            <section class="section3">
                <div class="cheese">
                    <img src="images/nqTGipe.jpg" alt="doggo" class="doggo">
                    <div class="text3">
                    <h2>Here at the Safe Space app we want you to feel good about yourself.</h2>
                    <p> The best part about it is that you get to choose how good you feel at the end of the day by sending yourself messages.</p>
                </div>
                </div>
            </section>
            <section class="section5">
            <div class="icon">
                <div class="headline">
                    <h3>Fugiat pariatur nulla veniam aliqua velit qui elit velit excepteur duis fugiat pariatur veniam amet.</h3>
                    <p>Dolor ipsum quis in pariatur do pariatur nostrud culpa sit fugiat anim nostrud aliquip aute.</p>
                </div>
            </section>
            <section class="section6">
                <div>
                    <img src="images/60904807-peaceful-mountain-scene-with-mountain-hotel-next-to-a-lake-with-boat-scenic-view-of-strbske-pleso-hi.jpg" alt="doggo" class="doggo">
                    <h3><span>Here at the Safe Space app we want you to feel good about yourself.<br><span> The best part about it is that you get to choose how good you feel at the end of the day by sending yourself messages.</h3>
                    <button><a href="/about-us.html">Meet Him Here</a></button>
                </div>
                <div>
                    <img src="images/llama.jpg" alt="doggo" class="doggo">
                    <h3><span>Here at the Safe Space app we want you to feel good about yourself<br><span>. The best part about it is that you get to choose how good you feel at the end of the day by sending yourself messages.</h3>
                    <button><a href="/about-us.html">Meet Him Here</a></button>
                </div>
                <div>
                    <img src="images/6a00d834515c5469e201b7c72b276a970b.png" alt="doggo" class="doggo">
                    <h3> <span>Here at the Safe Space app we want you to feel good about yourself<br>.</span> The best part about it is that you get to choose how good you feel at the end of the day by sending yourself messages.</h3>
                    <button><a href="/about-us.html">Meet Her Here</a></button>
                </div>
            </section>
            <section  class="signup">
                <div>
                    <p>Here's some latin for you to enjoy and be nervous about.</p>
                    <p>Mollit pariatur elit cupidatat esse ut non dolore.</p>
                    <button class="signbtn2" href="/about-us.html">Log In</button>
                </div>
            </section>
            <section class="footer">
                <div>
                    <ol class="footer-icons">
                        <li><a href="#" class="fa fa-twitter"></a></li>
                        <li><a href="#" class="fa fa-facebook"></a></li>
                        <li><a href="#" class="fa fa-instagram"></a></li>
                        <li><a href="#" class="fa fa-github"></a></li>
                        <li><a href="#" class="fa fa-google"></a></li>
                    </ol>
                </div>
                <div>
                        <ol class="copyright">
                            <ul>
                                <li>Copyright</li>
                            </ul>
                            <ul>
                                <li>Made By</li>
                            </ul>
                            <ul>
                                <a class="login" href="https://unruffled-panini-b9bd04.netlify.com/">Sign Up</a>
                            </ul>
                        </ol>
                    </div>
            </section>
            <script src="/js/nav.js"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
        </body>