-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathproduct.html
More file actions
170 lines (138 loc) · 5.57 KB
/
product.html
File metadata and controls
170 lines (138 loc) · 5.57 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Product</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
</style>
</head>
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-white w3-card w3-large">
<a href= '/index.html' class="w3-bar-item w3-left-align w3-button w3-padding-large w3-hover-red" style="font-size:23px;background-color:#A64D79;color:white;">RealCompany</a>
<a href="/whyreal.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Why</a>
<a href="product.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Product</a>
<a href="about.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Company</a>
<a href="blog.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Blog</a>
<a href="login.html" class="w3-bar-item w3-right w3-button w3-hide-small w3-padding-large w3-hover-red"><i class="fa fa-user" style="font-size:32px;padding:medium;"></i><div id="display_username"></div></a>
</div>
</div>
<!-- Header -->
<header class="w3-container" style="padding:128px 16px;background-color: #A64D79;">
<div class="w3-content">
<div class="w3-twothird">
<h1> Our products sets the new industry standard</h1>
<h5 class="">Even among the best, we stand out. Only the best of the best.</h5>
</div>
<div class="w3-third ">
<img src="./images/voices-of-equity.jpg" height="400"></img>
</div>
</div>
</header>
<!-- First Grid -->
<section>
<div class="w3-light-grey w3-container w3-margin-top" >
<div class="w3-center w3-padding-32">
<h2>What Makes RealCompany Different?</h2>
</div>
<div class="w3-center">
<div class="w3-third">
<h5 > Our products are good</h5>
<p>They are good to use, for sure guaranteed
</div>
<div class="w3-third">
<h5> Our products are excellent</h5>
<p>They are excellent beyond expectations </p>
</div>
<div class="w3-third">
<h5> Our products are superb</h5>
<p> They are superb in functionality </p>
</div>
</div>
<div class="w3-center">
<div class="w3-third">
<h5 > Our products are sublime</h5>
<p>They are sublime in design</p>
</div>
<div class=" w3-third">
<h5> Our products are perfect</h5>
<p>They are perfect to admire</p>
</div>
<div class="w3-third">
<h5> Our products are splendid</h5>
<p> They are splendid in quality</p>
</div>
<div class="w3-center">
<div class="w3-third">
<h5 > Our products are supreme</h5>
<p>They are supreme in its field</p>
</div>
<div class=" w3-third">
<h5> Our products are peerless</h5>
<p>They are peerless among the greats</p>
</div>
<div class="w3-third">
<h5> Our products are A1</h5>
<p> They are A1 among all</p>
</div>
</div>
</div>
</section>
<section>
<div class="w3-content w3-padding-64" style="margin-left:0px;width: 80vh;">
<div style=" background-color:#A64D79;cursor:pointer;" class="w3-container w3-hover-red" onclick="window.location.href='/resources.html'">
<h5>Need Help? <br>
<a class="w3-large">Resources</a>
</h5>
</div>
<div style="cursor:pointer;" class="w3-margin-top w3-container w3-light-grey w3-hover-red" onclick="window.location.href='/careers.html'">
<h5>Want a job?<br><a class="w3-large">Careers</a></h5>
</div>
<div class="w3-margin-top w3-padding w3-hover-red" style="background-color:#A64D79;cursor:pointer;" onclick="window.location.href='/contact.html'">
<h5>Have Questions?</h5>
<a class="w3-large">Contact us</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
<div class="w3-xlarge w3-padding-32">
<i class="fa fa-facebook-official w3-hover-opacity"></i>
<i class="fa fa-instagram w3-hover-opacity"></i>
<i class="fa fa-snapchat w3-hover-opacity"></i>
<i class="fa fa-pinterest-p w3-hover-opacity"></i>
<i class="fa fa-twitter w3-hover-opacity"></i>
<i class="fa fa-linkedin w3-hover-opacity"></i>
</div>
</footer>
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
window.onload = async function() {
const webAddress = "http://localhost:5000/isLoggedIn";
const response = await fetch(webAddress);
const json = await response.json();
if (json.username != null){
document.getElementById("display_username").textContent = json.username;
}
}
</script>
<script src="login.js"></script>
</body>
</html>