-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (100 loc) · 9.23 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com --><!-- Last Published: Thu Apr 13 2023 02:28:40 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="chatapp-7ee002.webflow.io" data-wf-page="64355881deec6acdcd5509ff" data-wf-site="64355881deec6a15265509fe">
<head>
<meta charset="utf-8"/>
<title>ChatApp - Simple Team Chat Application</title>
<meta content="ChatApp is a team collaboration and communication tool made for agile teams on the go. Try ChatApp for free and never lose what's important." name="description"/>
<meta content="ChatApp - Simple Team Chat Application" property="og:title"/>
<meta content="ChatApp is a team collaboration and communication tool made for agile teams on the go. Try ChatApp for free and never lose what's important." property="og:description"/>
<meta content="https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64370eb1189ad62ddb1e17a2_Frame%202.png" property="og:image"/>
<meta content="ChatApp - Simple Team Chat Application" property="twitter:title"/>
<meta content="ChatApp is a team collaboration and communication tool made for agile teams on the go. Try ChatApp for free and never lose what's important." property="twitter:description"/>
<meta content="https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64370eb1189ad62ddb1e17a2_Frame%202.png" property="twitter:image"/>
<meta property="og:type" content="website"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="Webflow" name="generator"/>
<link href="./style.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Poppins:regular,500,600","Roboto:regular,500"] }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="https://uploads-ssl.webflow.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="https://uploads-ssl.webflow.com/img/webclip.png" rel="apple-touch-icon"/>
</head>
<body>
<div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav">
<div class="container-2 w-container">
<a href="#" class="w-nav-brand"><img src="./img/chatapp.png" loading="lazy" alt="ChatApp Logo" class="image"/></a>
<nav role="navigation" class="nav-menu w-nav-menu"><a href="#" class="nav-link w-nav-link">Products</a><a href="#" class="nav-link w-nav-link">Resources</a><a href="#" class="nav-link w-nav-link">Contact</a><a href="#" class="nav-link w-nav-link">Sign In</a></nav>
<div class="menu-button w-nav-button">
<div class="icon w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="hero-section wf-section">
<div id="w-node-_2c0e1ac2-b564-4f22-1b76-35d1301e2bb0-cd5509ff" class="left-block w-container">
<div class="divider"></div>
<h1 class="heading">Have your <br/>best chat</h1>
<p class="paragraph">Fast, easy & unlimited chat services</p>
<a href="#" class="hero-button-free w-button">Try if Free</a><a href="#" class="ghost-button w-button">Get a Demo</a>
</div>
<div class="right-block"><img src="./img/Frame 1.png" loading="lazy" sizes="(max-width: 602px) 100vw, (max-width: 767px) 602px, (max-width: 991px) 49vw, 45vw" srcset="https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64370a50edd2a3286907c2af_Frame%201-p-500.png 500w, https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64370a50edd2a3286907c2af_Frame%201.png 602w" alt="portrait picture of two people with chat bubbles"/></div>
</div>
<div class="section wf-section">
<div class="center-text">
<h1 class="heading-2">Instant Team Chat</h1>
<p class="paragraph-2">With reservation-less chat and conference calls, you can host whenever you need without pre-scheduling. Your service is ready and always active, just use your dedicated number and access codes to initiate a call or chat.</p>
<a href="#" class="ghost-button w-button">Learn more</a>
</div>
<div class="div-block-2"><img src="./img/Frame 2.png" loading="lazy" sizes="(max-width: 479px) 98vw, (max-width: 767px) 79vw, (max-width: 991px) 86vw, (max-width: 2711px) 90vw, 2440px" srcset="https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64370eb1189ad62ddb1e17a2_Frame%202-p-500.png 500w, https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64370eb1189ad62ddb1e17a2_Frame%202-p-800.png 800w, https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64370eb1189ad62ddb1e17a2_Frame%202-p-1080.png 1080w, https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64370eb1189ad62ddb1e17a2_Frame%202-p-1600.png 1600w, https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64370eb1189ad62ddb1e17a2_Frame%202-p-2000.png 2000w, https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64370eb1189ad62ddb1e17a2_Frame%202.png 2440w" alt="Chatapp user interface home screen" class="image-4"/></div>
</div>
<div class="section-blue wf-section">
<div class="div-block-4">
<div><img src="./img/Frame 3.png" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 991px) 49vw, (max-width: 3230px) 40vw, 1292px" srcset="https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64371899d86b2cac218f9114_Frame%203-p-500.png 500w, https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64371899d86b2cac218f9114_Frame%203-p-800.png 800w, https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64371899d86b2cac218f9114_Frame%203-p-1080.png 1080w, https://uploads-ssl.webflow.com/64355881deec6a15265509fe/64371899d86b2cac218f9114_Frame%203.png 1292w" alt="Co workers collaborating in the office"/></div>
<div id="w-node-_8420810c-7091-d3da-c387-0a934fc51503-cd5509ff" class="div-block-3">
<h1 class="heading-3">Perfect Solution for Small Businesses</h1>
<p class="paragraph-2-last">Pricing plans that fit like a glove.</p>
<a href="#" class="hero-button-free w-button">Try if Free</a><a href="#" class="ghost-button w-button">Get a Demo</a>
<div class="divider"></div>
<div class="div-block-5">
<img src="./img/5star.png" loading="lazy" height="" width="95.5" alt="5 star rating" class="image-3"/>
<p class="paragraph-2-rating">6.9 million businesses use ChatApp with a 98.5% 5 star rating</p>
</div>
</div>
</div>
</div>
<div class="section wf-section">
<div class="flex-box-footer">
<div>
<img src="./img/chatapp.png" loading="lazy" alt="ChatApp Logo"/>
<p class="paragraph-footer">Pricing plans that fit like a glove.</p>
</div>
<div>
<div class="w-container">
<h3>Help</h3>
<a href="#" class="footer-link">Support</a><a href="#" class="footer-link">Tutorials</a><a href="#" class="footer-link">Knowledgebase</a>
</div>
</div>
<div>
<div class="w-container">
<h3>Features</h3>
<a href="#" class="footer-link">Screen Sharing</a><a href="#" class="footer-link">iOS & Android Apps</a><a href="#" class="footer-link">User Management</a>
</div>
</div>
<div>
<div class="w-container">
<h3>Company</h3>
<a href="#" class="footer-link">About Us</a><a href="#" class="footer-link">Careers</a><a href="#" class="footer-link">Contact Us</a>
</div>
</div>
<div>
<div class="w-container">
<h3>Contact Us</h3>
<a href="mailto:info@chatapp.com" class="footer-link">info@chatapp.com</a><a href="tel:1800200300" class="footer-link">1-800-200-300</a><a href="#" class="footer-link">3500 Deer Creek Rd<br/>Palo Alto, CA</a>
</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64355881deec6a15265509fe" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="./script.js" type="text/javascript"></script><!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
</body>
</html>