-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
67 lines (65 loc) · 2.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Inria+Sans:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Italiana&display=swap" rel="stylesheet">
<link rel="icon" href="/assets/greentech-xxl-light.png">
<link rel="stylesheet" href="style.css">
<title>HotView Labs</title>
</head>
<body>
<header>
<div class="logo">
<h3>HotView Labs</h3>
</div>
<nav class="nav-buttons">
<a href="#" class="active">FEED</a>
<a href="#">POST</a>
<a href="#">EDIT</a>
<a href="#">LOGIN</a>
</nav>
</header>
<main>
<div class="carousel">
<button class="carousel-control left">◀</button>
<div class="carousel-images">
<div class="carousel-item">
<img src="/assets/image1.jpg" alt="Research and Development">
<p>Research and Development</p>
</div>
<div class="carousel-item">
<img src="/assets/image2.jpg" alt="Institute of Advanced Technology">
<p>Institute of Advanced Technology</p>
</div>
<div class="carousel-item">
<img src="/assets/image3.jpg" alt="CAS AR: Applied Technology R&D">
<p>CAS AR: Applied Technology R&D</p>
</div>
</div>
<button class="carousel-control right">▶</button>
</div>
<section class="content">
<article>
<img src="/assets/image1.jpg" alt="Research and Development">
<div class="text">
<h2>Research and Development</h2>
<p>The systematic exploration and creation of new knowledge, technologies, or processes to innovate and improve products, services, or systems. It drives growth and competitive advantage by transforming ideas into practical solutions.</p>
</div>
</article>
<article>
<img src="/assets/image2.jpg" alt="Institute of Advanced Technology">
<div class="text">
<h2>Institute of Advanced Technology</h2>
<p>The Institute of Advanced Technology and Research and Development focuses on pioneering innovation through cutting-edge research and technological advancements. It serves as a hub for developing transformative solutions that address global challenges and drive progress across industries.</p>
</div>
</article>
</section>
<button class="read-more">READ MORE</button>
</main>
<footer>
<p>Test</p>
</footer>
</body>
</html>