-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (68 loc) · 3.14 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hotjar</title>
<meta name="author" content="Uche Chidera">
<link rel="icon" href="hotjar-logo-small.svg">
<link rel="canonical" href="https://www.hotjar.com/">
<meta property="og:title" content="Hotjar" />
<meta property="og:description" content="balance your life wella" />
<meta property="og:image" content="https://classx.onrender.com/escalade.jpg" />
<meta property="og:url" content="https://classx.onrender.com" />
<meta property="og:type" content="website" />
<meta property="og:local" content="en_US" />
<meta property="og:site_name" content="Hotjar" />
</head>
<body style="margin: 2%; font-family: Arial, Helvetica, sans-serif;">
<header>
<nav>
<img src="logo.svg" width="21%">
</nav>
</header>
<main>
<div >
<h1> Everything you ever <span style="color: orangered;">wanted to know</span> about your website...</h1>
<h3>...but your analytics never told you.</h3>
<p style="color: rgba(0, 0, 0, 0.5)">
Hotjar shows you the numbers you need—and the real user behavior behind them.
</p>
</div>
<form action="page_2.html">
<input type="submit" value="Get Started">
</form> <br>
<img src="Homepage-Mobile-Hero.svg" alt="mobile hero" width="100%">
</main>
<aside>
<div>
<p style="font-size: larger;"><b>Hotjar is trusted by <s>1,306,323</s>
websites in 180<sup>+</sup> countries.</b> <br><br>
<img src="Unbounce_Logo.svg" alt="Unbounce_Logo"><br><br>
<b> All together. All connected.</b> <br>
Why settle for <em>one</em> tool, when you can have it <i>all</i>? Give your team the <span style="background-color: blueviolet;color: aliceblue;">tools</span>
they need to deliver experiences that convert, every time.</p>
</div>
<details>
<summary><img src="icon-heatmaps.svg" alt="icon-heatmaps" width="5%" style="margin-right: 1%;"><b>Heatmaps</b></summary>
<p>
Improve any page of your site with confidence. See which parts of the page
get ignored, and which elements drive sales and signups. <br> <br>
<a href="https://www.hotjar.com/product/heatmaps/">Discover Heatmaps</a>
<video src="heatmap-scrolling-compressed.mp4" preload="auto" width="100%" controls></video>
</p>
<a href="https://www.hotjar.com/product/recordings/"><img src="icon-recordings.svg" alt="icon-recordings" width="5%"></a>
</details>
</aside>
<footer style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
<div>
<p style="color: rgb(1, 44, 44);">
<b>Looking for more wisdom? </b><br>
Sign up for Hotjar content straight to your inbox.
<input type="email" name="newsletter" id="email" placeholder="[email protected]"> <br> <br>
<input type="checkbox">I have read and accept the conditions outlined in the privacy policy.
</p>
</div>
</footer>
</body>
</html>