ConnectingINTO/Applications2.html at main · Ahmad-Alakad/ConnectingINTO · 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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Applications</title>

    <!-- favicon -->

    <link rel="icon" href="Karim project assets/Favicon-min.png">

    <!-- bootstrap -->

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <!-- my css style sheet -->

    <link rel="stylesheet" href="css/Applications2.css">

    <!-- javascript -->

    <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.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

  </head>
  <body>

    <section id="header">


            <!-- nav bar -->

            <div class="container-edit container">


            <nav class="navbar navbar-expand-lg navbar-light  style="background-color: #ffffff;>
              <img src="Karim project assets/Main page/Logo (ME) New Transparent.png" width="100" height="100" alt="">
                <div class="navbar-nav">
                  <a class="nav-item nav-link active" href="#">Connecting INTO <span class="sr-only">(current)</span></a>
                  <a class="nav-item nav-link" href="#">Apps</a>
                  <a class="nav-item nav-link" href="#">GRM</a>
                  <a class="nav-item nav-link" href="#">Pricing</a>
                  <a class="nav-item nav-link" href="#">Parteners</a>
                  <a class="nav-item nav-link" href="#">Resources</a>
                  <a class="nav-item nav-link" href="#">Log in</a>
                </div>
              <a href="#" class="NavButton">Sign up</a>
            </nav>
          </div>


          <div class=" stripe">


              <h3 class="left">Applications</h3>
              <a href="#" class="Header-Button">START FREE</a>


          </div>

          <div class="container The-buttons">

            <a href="#" class="left-Button func-buttons">MARKETPLACE</a>
            <a href="#" class="middle-Button func-buttons">MOBILE AND DESKTOP APPS</a>
            <a href="#" class="right-Button func-buttons">FOR DEVELOPERS</a>
          </div>

    </section>

    <section id="open-for">

      <div class="container">

        <h5 class="open-for-h5">Add your App</h5>

        <p class="open-for-p">Connecting INTO has an open API which allows your clients and parteners enhance their cloud
        intranets solution through adjusting workflows and business logic inside their cloud-based
        portals. Connecying INTO also represents a great SaaS platform for creating custom businesses
        applications.</p>

        <div class="row">

          <div class="col">

            <h4 class="open-for-h4">The Connecting INTO API is open for:</h4>

            <ul class="open-for-ul">
              <li class="open-for-li">CRM</li>
              <li class="open-for-li">Socil network groups(workgroups, projects)</li>
              <li class="open-for-li">Data storage (information blocks)</li>
              <li class="open-for-li">Notifications and Activity Stream</li>
              <li class="open-for-li">Tasks</li>
              <li class="open-for-li">Users and Departments</li>
              <li class="open-for-li">Calenders</li>
              <li class="open-for-li">Telephony</li>

            </ul>

          </div>

          <div class="col">

            <img class="open-for-img" src="Karim project assets\Page 3\undraw_developer_activity_bv83.png" alt="">

          </div>

        </div>

      </div>

    </section>

    <section id="bitrix24">

      <div class="container">


      <h4 class="bitrix24-h4">How to create your app for Bitrix24?</h4>

      <p class="bitrix24-p">If you are an IT-specialist and considering creating a web app for Connecting INTO,
      please follow these simple instructions:</p>

      <ol >
        <li class="bitrix24-li">If you'd like your application to be avaliable to all Connecting INTO accounts,
        become our partner by filling out this form. if you want to create a private app for your
        account only, registration is not necessary.</li>
        <li class="bitrix24-li">Learn all about Bitrix24 API and how you can create your web apps.</li>
        <li class="bitrix24-li">Select 'ADD application' in the Applications menu inside your Connecting INTO account
        (on the left) to upload your private app or register your web app in your partener profile
        if you want your ap to be listed publicly!</li>
      </ol>

    </div>

    </section>


    <section id="security">

      <div class="container">

        <h4 class="security-h4">Web app authorization and security</h4>

        <p class="security-p">The process of adding a new app to your  Connecting INTO CLoud accounts is easy ,
        and we also tried to make it as transparent and secure as possible. Each web app provides you with a list
        of data it may use (and change) in your Connecting INTO account, and asks your permission to do so. The new
        app will be installed only if you give your permission.</p>

        <p class="security-p">The oAuth security mechanism makes sure that this web app gets access only to the data
        you have specified (e.g. a web app may ask your permission to access taskes, CRM leads, etc).</p>


      </div>

    </section>

    <section id="ideas">

      <div class="container">
        <h4 class="ideas-h4">Got ideas for web apps?</h4>

        <p class="ideas-p">If you are not an IT-professional but you have special needs that you
        believe can be solved through a custom app in your ConnectingINTO portal, feel free to share
        your ideas with us! We'll do our best to make your intranet solution a perfect fit for your
      business! shoot us an email to info@connectinginto.com</p>

      </div>

    </section>
    <section id="footer">


      <div class="container">
        <div class="row">
          <div class="col">
      <img src="Karim project assets/Main page/Logo (ME) New Transparent.png" alt="">
          </div>

          <div class="col">
            <!-- Footer -->
            <footer class="page-footer">

              <!-- Footer Links -->
              <div class="container-fluid text-center text-md-left">

                <!-- Grid row -->
                <div class="row">

                  <!-- <hr class="clearfix w-100 d-md-none pb-3"> -->

                  <!-- Grid column -->
                  <div class="col">

                    <!-- Links -->
                    <h5 class="footer-h5">Navigation</h5>

                    <ul class="list-unstyled">
                      <li class="footer-li">
                        <a class="footer-a" href="#!">ConnectingINTO</a>
                      </li>
                      <li class="footer-li">
                        <a class="footer-a" href="#!">Pricing</a>
                      </li>
                      <li class="footer-li">
                        <a class="footer-a" href="#!">GRM</a>
                      </li>
                      <li class="footer-li">
                        <a class="footer-a" href="#!">Resources</a>
                      </li>

                      <li class="footer-li">
                        <a class="footer-a" href="#!">Apps</a>
                      </li>
                      <li class="footer-li">
                        <a class="footer-a" href="#!">Parteners</a>
                      </li>

                    </ul>

                  </div>
                  <!-- Grid column -->

                  <!-- Grid column -->
                  <div class="col">

                    <!-- Links -->
                    <h5 class="footer-h5">Legal</h5>

                    <ul class="list-unstyled">
                      <li class="footer-li">
                        <a class="footer-a" href="#!">Terms</a>
                      </li>
                      <li class="footer-li">
                        <a class="footer-a" href="#!">Privacy</a>
                      </li>
                      <li class="footer-li">
                        <a class="footer-a" href="#!">Cookies</a>
                      </li>
                      <li class="footer-li">
                        <a class="footer-a" href="#!">Copyrights</a>
                      </li>
                    </ul>

                  </div>
                  <!-- Grid column -->

                  <!-- Grid column -->
                  <div class="col">

                    <!-- Content -->
                    <h5 class="footer-h5">Contact US</h5>

                    <a class="footer-li footer-a"  href="#">+025841458</a>
                    <p class="footer-p" >Here you can use rows and columns to organize your footer content.</p>

                  </div>
                  <!-- Grid column -->


                </div>
                <!-- Grid row -->

              </div>
              <!-- Footer Links -->


            </footer>
            <!-- Footer -->
          </div>
        </div>
      </div>


    </section>


  </body>
</html>