-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (113 loc) · 3.74 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles.css" />
<title>PAGE</title>
</head>
<body>
<nav id="nav">
<img
id="logo"
src="B.png"
alt=""
srcset=""
width="200px"
height="200px"
/>
<ul id="nav-bar">
<li><a href="">Home</a></li>
<li><a href="#hero">Projects</a></li>
<li><a href="">About</a></li>
</ul>
</nav>
<div id="main">
<h1 id="header">
DB CHAT brings all your <br />
tasks, teammates, and <br />
tools together
<div id="btn">
<button><a href="about">More About Us</a></button>
</div>
</h1>
<img id="pic" src="118.png" alt="" srcset="" width="700" />
</div>
<div id="hero">
<h1 class="project">OUR Projects</h1>
<div class="timeline">
<div class="container left">
<div class="content">
<h2>To-Do List</h2>
<p>
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec
admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea
quis iuvaret expetendis his, te elit voluptua dignissim per, habeo
iusto primis ea eam.
</p>
</div>
</div>
<div class="container right">
<div class="content">
<h2>Chat App</h2>
<p>
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec
admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea
quis iuvaret expetendis his, te elit voluptua dignissim per, habeo
iusto primis ea eam.
</p>
</div>
</div>
<div class="container left">
<div class="content">
<h2>Business Calculator</h2>
<p>
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec
admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea
quis iuvaret expetendis his, te elit voluptua dignissim per, habeo
iusto primis ea eam.
</p>
</div>
</div>
<div class="container right">
<div class="content">
<h2>Currency Converter</h2>
<p>
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec
admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea
quis iuvaret expetendis his, te elit voluptua dignissim per, habeo
iusto primis ea eam.
</p>
</div>
</div>
<div class="container left">
<div class="content">
<h2>Chat-GPT</h2>
<p>
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec
admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea
quis iuvaret expetendis his, te elit voluptua dignissim per, habeo
iusto primis ea eam.
</p>
</div>
</div>
<div class="container right">
<div class="content">
<h2>React-APPS</h2>
<p>
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec
admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea
quis iuvaret expetendis his, te elit voluptua dignissim per, habeo
iusto primis ea eam.
</p>
</div>
</div>
</div>
</div>
<div id="about">
<h1 class="project">About</h1>
</div>
<script src="app.js"></script>
</body>
</html>