-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
99 lines (87 loc) · 3.26 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="styles.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.8/themes/odometer-theme-default.min.css"
/>
</head>
<body>
<div class="header">
<img src="chronos-high-resolution-logo-removebg.ico" alt="logo" width="100" height="75"/>
<ul>
<li><a href="">Referrals</a></li>
<li><a href="about.html">About </a></li>
<li><a href="">Products</a></li>
<li><a href="main.html">Home</a></li>
<li><button id="log"><a href="">Login</a></button></li>
<div class="about-container">
About Us
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque a
quam nulla ipsa natus quisquam!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum ex
odit tenetur alias expedita impedit in veritatis mollitia ipsam quae
et quia, deleniti facere praesentium sunt assumenda earum saepe
aperiam ullam sit. Tempora animi maxime a velit soluta laboriosam quo!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem, tempora!
</p>
</div>
<div class="projects-container">
<div class="project">
<h3 class="project-name">Websites Designed</h3>
<div class="project-number odometer websites-designed">0</div>
</div>
<div class="project">
<h3 class="project-name">Apps Developed</h3>
<div class="project-number odometer apps-developed">0</div>
</div>
</div>
<h2 class="our-team-heading">Our Team</h2>
<div class="g">
<div class="our-team">
<div class="team-member">
<img src="images/team-member1.png" alt="" />
<div class="designation">
<strong>Alice J.,</strong> (Project Manager)
</div>
</div>
<div class="team-member">
<img src="images/team-member2.png" alt="" />
<div class="designation">
<strong>Dave B.,</strong> (Lead product Designer)
</div>
</div>
<div class="team-member">
<img src="images/team-member3.png" alt="" />
<div class="designation">
<strong>Jeniffer A.,</strong> (Lead Programmer)
</div>
</div>
</div>
<div class="our-mission">
<img class="quote-icon" src="images/quote-icon.png" alt="" />
<p>Our mission is to provide the best services to our clients.</p>
</div></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.8/odometer.min.js"></script>
<script>
const websitesDesigned = document.querySelector(".websites-designed");
const appsdeveloped = document.querySelector(".apps-developed");
setTimeout(() => {
websitesDesigned.innerHTML = "43";
appsdeveloped.innerHTML = "15";
}, 400);
</script>
</body>
</html>