rightapp.github.io/index.html at master · rightapp/rightapp.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
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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en">
<head>

  <!-- Basic Page Needs
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta charset="utf-8">
  <title>Right</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Mobile Specific Metas
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- FONT
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>

  <!-- CSS
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/skeleton.css">
  <link rel="stylesheet" href="css/custom.css">

  <!-- Scripts
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

</head>
<body>

  <!-- Primary Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
<nav class="navigation">
  <a href="#" class="menu-icon">
    <i class="fa fa-bars"></i>
  </a>
  <ul class="main-navigation" role="navigation">
    <li><a href="#hero">Home</a></li>
    <li><a href="#values">Modes</a></li>
    <li><a href="#get-email">Sign up</a></li>
  </ul>
</nav>

  <div id="hero" class="section hero">
    <div class="container">

      <div class="row">
        <div class="one-half column">
          <h1 class="separator"> Writing made easy.</h1>
        </div>

        <div class="one-half column logosection">
          <img class="logo" src="images/LOGO.png">
        </div>
      </div>

      <div class="row">
        <div class="u-full-width">
          <h2>Right is a writing app that streamlines writing for mobile, making content producing on mobile phones hassle-free and efficient. </h2>
          <a class="button" href="#get-email">Write Right</a>
        </div>
      </div>

    </div>

  </div>

  <div id="descript" class="section">
    <div class="container">

      <div class="row">
        <div class="u-full-width">
          <h2> It has 3 modes you can switch interchangeably to and from, thus streamlining your workflow. </h2>
        </div>
      </div>

    </div>
   </div>


  <div id="values" class="section values">
    <div class="container">
      <div class="row">

        <div class="one-third column">
          <p><img class="icon" src="images/wri.png"></p>
          <h2 class="value-multiplier"><strong>Writing</strong></h2>
          <h4 class="value-heading">The focus is on your words. Just write. </h4>
          <h5 class="value-description">A fullscreen immersion with no distractions, without all the bells and whistles existing in other complex word processors.</h5>
        </div>

        <div class="one-third column">
          <p><img class="icon" src="images/ref.png"></p>
          <h2 class="value-multiplier"><strong>Refining</strong></h2>
          <h4 class="value-heading">Make your work even better.</h4>
          <h5 class="value-description">Through language and word analytics allowing you to do extra research, your writing can soar to greater heights.</h5>
        </div>

        <div class="one-third column">
          <p><img class="icon" src="images/for.png"></p>
          <h2 class="value-multiplier"><strong>Formatting</strong></h2>
          <h4 class="value-heading">Highlight, underscore, emphasize.</h4>
          <h5 class="value-description">Swiping and drawing symbols allows you to easily select and format text through customisable gesture-based interactions.</h5>
        </div>

      </div>
    </div>
  </div>

  <div id="animation" class="section animation">
    <div class="container">
      <h2 class="section-heading">How does it work?</h2>
      <div class="row">

        <div class="one-third column">
          <img class="icon" src="images/writing-animation.gif">
          <h2><strong>Writing</strong></h2>
          <h5 class="value-description"> All you have to do is type. </h5>
        </div>

        <div class="one-third column">
          <img class="icon" src="images/refining-animation.gif">
          <h2><strong>Refining</strong></h2>
          <h5 class="value-description">Choose your parameters and tap to change any word.</h5>
        </div>

        <div class="one-third column">
          <img class="icon" src="images/formatting-animation.gif">
          <h2><strong>Formatting</strong></h2>
          <h5 class="value-description">Swipe to select, then do a gesture to format the text.</h5>
        </div>

      </div>

    </div>
  </div>

  <div id="quote" class="section">
    <div class="container">
      <div class="u-full-width">
        <h1 class="section-heading">“You can make anything by writing.” </h1>
        <h2> ― C.S. Lewis </h2>
      </div>
    </div>
  </div>

  <div id="about-us" class="section about-us">
    <div class="container">
      <div class="u-full-width">
        <h2 class="section-heading"> About us. </h2>
        <img class="logo" src="images/right_team.png">
        <h4>We are a trio of students who love writing. We found a visceral flaw in modern writing: laptops and traditional writing do not offer sufficient portability and accessibiliy in this fast-paced digital age. Thus, we turned to smartphones. Yet, smartphone word processing apps simply do not work. They are cumbersome and difficult to use and do not fully use the capabilities of smartphones. Often, typing and formatting text requires one to manually select the text, open the formatting menu, and pick the ‘Bold’ option. Reviewing and improving work also requires multiple apps, potentially breaking the flow of writing.</h4>
        <h2> So, we made it Right. </h2>
      </div>
    </div>
  </div>

  <div id="get-email" class="section get-email">
    <div class="container">
      <h3 class="section-heading">Interested? Email us at writerightapp@gmail.com for more details.</h3>
      <h1>Coming soon!</h1>
      <h2>  You can visit our GitHub to see more! </h2>
      <a class="button" href="https://github.com/rightapp/right"> Sounds good! </a>
    </div>
  </div>


<!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>