toolboxtheplatform.github.io/index.html at master · toolboxtheplatform/toolboxtheplatform.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
<!DOCTYPE html>
<html>
<head>
  <title>Buying Intent - Indentity Access Management</title>
  <link rel="shortcut icon" type="image/png" href="./assets/favicon.ico"/>
  <link href="https://fonts.googleapis.com/css?family=Manjari:100,400,700&display=swap&subset=malayalam" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="./styles.css">
</head>
<body>
  <header id="identity-access-management-toolbox-home">
    <a href="/" class="logo">
      <img alt="identity-access-management" src="./assets/logo.png" width="75">
    </a>
    <nav>
      <a class="btn goto" href="https://github.com/toolboxtheplatform/toolbox.app">Toolbox TP Is On Github</a>
      <ul>
        <li><a href="#identity-access-management-toolbox-home" class="active">Home</a></li>
        <li><a href="#identity-access-management-toolbox-about">About Toolbox</a></li>
        <li><a href="#identity-access-management-toolbox-features">Features</a></li>
        <li><a href="#identity-access-management-toolbox-pricing">Pricing</a></li>
        <li><a href="mailto:contactus.toolbox@gmail.com">Contact</a></li>
      </ul>
    </nav>
    <form class="register-form">
      <input type="email" name="username" id="username" placeholder="Email">
      <input type="password" name="password" id="password" placeholder="Password">
      <button class="btn">Register</button>
    </form>
    <h4 class="title title-top"><span class="title-toolbox">Toolbox</span> is <span class="title-accessmgt">Indentity Access</span></h4>
    <h4 class="title-second"><span class="title-accessmgt">Management</span> SaaS product</h4>
    <h4 class="title-third">that allows easy <span class="title-access">access</span></h4>
    <h4 class="title-last">to different tools.</h4>
    <img alt="identity-access-management" src="./assets/banner.png" class="banner">
  </header>
  <div id="identity-access-management-toolbox-about" class="container about">
    <ul>
      <li>All Productivity Tools at one place</li>
      <li>Jira, Confluence, Trello, TimeOff TS, Basecamp etc</li>
      <li>No more hussle & search for browser's bookmarks</li>
    </ul>
    <p>
      Currently many organizations use many, if not countless, online services, tools, web apps etc to bring productivity to their employees daily work.
    </p>
    <p>
      For employees, if it brings productivity on one hand then on the other hand they need to manage all these tools so that they can access them conveniently.
    </p>
    <p>
      The current solution many employees use is the browsers default bookmarks. However, toolbox(an identity access management), bring all these tools at one place. All employees have to do is login to toolbox, where list of all the online services and tools can be viewed they need.
    </p>
  </div>
  <div id="identity-access-management-toolbox-features" class="container features">
    <nav>
      <ul>
        <li>
          <a
            id="jira-confluence-trello-basecamp-github-gitlab-facebook-twitter"
            href="#jira-confluence-trello-basecamp-github-gitlab-facebook-twitter"
            onclick="toggle_visibility('tools');">
            Tools Just One Click Away
          </a>
        </li>
        <li>
          <a
            id="search-realtime-tools-jira-confluence-trello-github"
            href="#search-realtime-tools-jira-confluence-trello-github"
            onclick="toggle_visibility('searching');">
              Realtime Search
          </a>
        </li>
        <li>
          <a
            id="jira-confluence-trello-basecamp-github-gitlab-facebook-twitter-add"
            href="#jira-confluence-trello-basecamp-github-gitlab-facebook-twitter-add"
            onclick="toggle_visibility('adding');">
              Add More Tools as You Like
          </a>
        </li>
        <li class="last">
          <a
            id="jira-confluence-trello-basecamp-github-gitlab-facebook-twitter-employees"
            href="#jira-confluence-trello-basecamp-github-gitlab-facebook-twitter-employees"
            onclick="toggle_visibility('employees');">
              New Employees? No Worries. Adding Employees Can't Get Easier
          </a>
        </li>
      </ul>
    </nav>
    <div class="items">
      <img alt="jira-confluence-trello-basecamp-github-gitlab-facebook-twitter" class="screen tools" src="./assets/tools.png">
      <img alt="searching-search-realtime-screenshot" class="hide screen searching" src="./assets/searching.png">
      <img alt="jira-confluence-trello-basecamp-github-gitlab-facebook-twitter-new-tool" class="hide screen adding" src="./assets/adding-tools.png">
      <img alt="jira-confluence-trello-basecamp-github-gitlab-facebook-twitter-new-employee" class="hide screen employees" src="./assets/adding-employees.png">
    </div>
  </div>
  <div id="identity-access-management-toolbox-pricing" class="pricing">
    <p>
      $1 Per Employee <br>
      Per Month
    </p>
    <p>
      $1.50 Per User <br>
      Per Month
    </p>
  </div>
  <footer id="identity-access-management-toolbox-contact">
    <ul>
      <li><a href="#identity-access-management-toolbox-home">Home</a></li>
      <li><a href="#identity-access-management-toolbox-about">About Toolbox</a></li>
      <li><a href="#identity-access-management-toolbox-features">Features</a></li>
      <li><a href="#identity-access-management-toolbox-pricing">Pricing</a></li>
      <li><a href="sitemap.xml">Sitemap</a></li>
      <li><a href="mailto:contactus.toolbox@gmail.com">Contact</a></li>
    </ul>
    <ul class="socials">
      <li><a target="_blank" href="https://github.com/toolboxtheplatform/toolbox.app"><img alt="twitter" width="50" src="./assets/github.png"></a></li>
      <li><a target="_blank" href="https://twitter.com/ToolboxTp"><img alt="twitter" width="50" src="./assets/twitter.png"></a></li>
      <li><a target="_blank" href="https://www.facebook.com/pg/Toolboxtp-107283820665269/about/"><img alt="facebook" width="50" src="./assets/facebook.png"></a></li>
      <li><a target="_blank" href="https://www.reddit.com/user/contactustoolbox"><img alt="reddit" width="50" src="./assets/reddit.png"></a></li>
      <li><a target="_blank" href="mailto:contactus.toolbox@gmail.com"><img alt="contact" width="50" src="./assets/contact.png"></a></li>
    </ul>
  </footer>
  <script type="text/javascript">
  <!--
      function toggle_visibility(el) {
       let e = document.querySelector(`.${el}`);
       let items = document.querySelectorAll('.screen');

       items.forEach(item => {
         item.classList.remove('show');
         item.classList.add('hide');
       });

       if (e.classList.contains('hide')) {
        e.classList.remove('hide');
        e.classList.add('show');
       }
      }
  //-->
  </script>
</body>
</html>