-
Notifications
You must be signed in to change notification settings - Fork 0
/
company4.html
184 lines (166 loc) · 8.4 KB
/
company4.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- jquery refactor link -->
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<!-- ======= Nav Bar Section & Head Tag files imported from another file ======= -->
<div id="nav-placeholder"></div>
<script>
$.get("navBar.html", function(data){
$("#nav-placeholder").replaceWith(data);
});
</script>
<main id = "individual-company">
<!-- Company Information -->
<section id="company-info">
<div id="company-logo">
<a href="https://www8.hp.com/us/en/home.html" target="_blank"><img src="assets/img/hp-logo.png" alt="company placeholder" max-width = 200px height = 200px></a>
</div>
<div id="company-desc">
<h1> HP </h1>
</br></br>
<p>Placeholder description.</p>
</div>
</section>
<!-- Important Terms -->
<section id="important-terms">
<div id="term-background">
<div id="term-container">
<div id="term-details">
<div class="section-title">
<h1> Most Important Terms</h1>
</div>
<table>
<tbody>
<tr>
<th> Product/Service </th>
<td> This is an example of a term in the terms and conditions
that people deem important.</td>
</tr>
<tr>
<th> Liability </th>
<td> This is another example of a term in the terms and
conditions that people deem important. </td>
</tr>
<tr>
<th> Intellectual Property </th>
<td> This is yet another example of a term that people deem
important. </td>
</tr>
<tr>
<th> Liability </th>
<td> This is another example of a term in the terms and conditions
that people deem important.</td>
</tr>
<tr>
<th> Intellectual Property </th>
<td> This is yet another example of a term that people deem
important. This time it’s in a different category - intellectual
property. </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="participate">
<h1> Data Analysis</h1>
<h2>Company policy was last analyzed by ClearTerms on:</h2>
<p>04/20/20</p>
</br>
<!-- arbitrary date- change later! -->
<h2>How the data was analyzed by ClearTerms:</h2>
<p>
Our method for analyzing websites uses a machine learning model that we built.
This model is based on crowdsourced surveys that we conducted to capture people's
opinion on various privacy statements.
You can see more information about the logistics in the <a href="faq.html">FAQ Page.</a>
</p>
</br>
<h2> How does this work? </h2>
<p> ClearTerms chooses these terms via a machine learning algorithm
based on crowdsourcing. </br> </br> Hundreds of people identified
terms they thought were important; their opinions were tested for
consistency and then used to train the model. </p>
</br>
<div class="d-flex justify-content-center">
<a href="crowd.html" class="btn-get-started">Help Rank Terms & Conditions</a>
</div>
</br>
<div class="d-flex justify-content-center">
<a href="faq.html" class="btn-get-started">Frequently Asked Questions</a>
</div>
</div>
</section>
</br>
<!-- View in Context -->
<section id="view-in-context">
<div class="section-title">
<h1> View In Context</h1>
</div>
<div id="term-content">
<p> Here are a few examples: </br></br>
The Intellectual Property disclosure will inform users that the
contents, logo and other visual media you created is your property
and is protected by copyright laws. </br>
<span class="emphasis">A Termination clause will inform that users'
accounts on your website and mobile app or users' access to your
website and mobile (if users can't have an account with you) can be
terminated in case of abuses or at your sole discretion. </span></br>
A Governing Law will inform users which laws govern the agreement.
This should the country in which your company is headquartered or
the country from which you operate your website and mobile app.</br>
A Links To Other Web Sites clause will inform users that you are
not responsible for any third party websites that you link to.
This kind of clause will generally inform users that they are
responsible for reading and agreeing (or disagreeing) with the
Terms and Conditions or Privacy Policies of these third parties.</br>
If your website or mobile app allows users to create content and make
that content public to other users, a Content section will inform
users that they own the rights to the content they have created.
<span class="emphasis">The "Content" clause usually mentions that
users must give you (the website or mobile app developer) a license
so that you can share this content on your website/mobile app and to
make it available to other users.</span></br></br>
Because the content created by users is public to other users,
a DMCA notice clause (or Copyright Infringement ) section is
helpful to inform users and copyright authors that, if any
content is found to be a copyright infringement, you will respond
to any DMCA takedown notices received and you will take down the
content.</br></br>
A Limit What Users Can Do clause can inform users that by agreeing
to use your service, they're also agreeing to not do certain things.
This can be part of a very long and thorough list in your Terms and
Conditions agreements so as to encompass the most amount of negative
uses.
</p>
</div>
</section>
</br>
</br>
</br>
</main>
<!-- ======= Footer & JS files + Firebase imported from another file ======= -->
<div id="footer-placeholder"></div>
<script>
$.get("footer.html", function(data){
$("#footer-placeholder").replaceWith(data);
});
</script>
<!-- Top of page arrow -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>