-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnew_project02.html
112 lines (106 loc) · 7.94 KB
/
new_project02.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
<!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="/2022_javascript/new_project02.css">
<title>Document</title>
</head>
<body>
<nav id="nav-bar">
<ul id="nav-list">
<div id="logo"><img src="/2022_javascript/logoimg.png" alt="logo"></div>
<li ><a href="#">About</a></li>
<li><a href="#"> Prodect</a></li>
<li ><a href="#">Services</a></li>
<li><a href="#">Contact us</a></li>
</ul>
<div id="nav-right">
<input type="text" placeholder="search.." id="search">
<button id="btn0">search</button>
</div>
</nav>
<section id="bgfs">
<div id="mainbox">
<div class="box1">
<p class="p1"> FUTURE IS HERE!</p>
<p class="p2">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ut nemo, aut pariatur, fuga excepturi dolorem adipisci beatae officia perferendis optio cum. Consectetur iure assumenda in quis ex. Sequi, est tempore!</p>
<button class="btn">cc</button>
<button class="btn">gg</button>
</div>
<div class="box2">
<img src="/2022_javascript/logoimg.png" alt="imgg">
</div>
</div>
</section>
<section id="sr">
<p class="sr1"> it is going Lorem ipsum dolor sit, amet consectetur adipisicing
elit. Culpa alias veritatis ipsa aut. Ad expedita harum
reiciendis ipsa vitae iste? Quae necessitatibus quas quod
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
lo
Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
<p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
<p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
<p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
<p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
<p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
<p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.
</p>
<p class="sr2">Lorem ipsum dolor sit
amet consectetur adipisicing elit. Assumenda, nisi quidem voluptatem laboriosam tempora repellendus unde quisquam accusantium possimus aperiam fugiat re
pudiandae accusamus odit, magni quia, i
nventore quaerat recusandae? Aliquid.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi ut asperiores praesentium, distinctio beatae accusantium explicabo? Aliquid, obcaecati. Excepturi nobis quisquam ipsa tenetur officia, modi laudantium quae natus minus error.
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
amet consectetur adipisicing elit. Assumenda, nisi quidem voluptatem laboriosam tempora repellendus unde quisquam accusantium possimus aperiam fugiat re
pudiandae accusamus odit, magni quia, i
nventore quaerat recusandae? Aliquid.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi ut asperiores praesentium, distinctio beatae accusantium explicabo? Aliquid, obcaecati. Excepturi nobis quisquam ipsa tenetur officia, modi laudantium quae natus minus error.
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam? amet consectetur adipisicing elit. Assumenda, nisi quidem voluptatem laboriosam tempora repellendus unde quisquam accusantium possimus aperiam fugiat re
pudiandae accusamus odit, magni quia, i
nventore quaerat recusandae? Aliquid.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi ut asperiores praesentium, distinctio beatae accusantium explicabo? Aliquid, obcaecati. Excepturi nobis quisquam ipsa tenetur officia, modi laudantium quae natus minus error.
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
blanditiis. Veniam, perspiciatis! Possimus, totam ullam?
</p>
<div id="splash">
<img src="/2022_javascript/solen-feyissa-iS6eYYjNh7o-unsplash.jpg" alt="imga">
<p style="color: white;">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Commodi sit assumenda voluptas magnam, distinctio, optio maxime ratione sunt quibusdam minima sint magni, eius dolorem itaque ut dolores? Cupiditate, necessitatibus magnam.</p>
</div>
</section>
</body>
</html>