-
Notifications
You must be signed in to change notification settings - Fork 0
/
header.php
107 lines (87 loc) · 3.55 KB
/
header.php
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
<!-- header section starts -->
<header class="header">
<div class="header-1">
<div class="logo">
<a href="https://www.juislamiclibrary.com/">
<img src="image/juil-logo.png" alt="logo">
</a>
</div>
<form action="" class="search-form">
<input type="search" name="" placeholder="আপনার পছন্দের বই খুঁজুন..." id="search-box">
<label for="search-box" class="fas fa-search"></label>
</form>
<div class="icons">
<div id="search-btn" class="fas fa-search"></div>
<a href="https://www.facebook.com/groups/395317002159903/" target="_blank"><i class="fab fa-facebook"></i></a>
</div>
</div>
<style>
.ticker {
display: flex;
flex-wrap: wrap;
height: 20px;
margin: 0 auto;
}
.ticker.active {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.news {
width: 80%;
background-color: lightblue;
padding: 5px 1%;
}
.title {
width: 20%;
text-align: center;
background: #c81c1c;
position: relative;
}
.title h5 {
font-size: 15px;
padding: 5px;
}
.news marquee {
font-size: 15px;
}
</style>
<div class="header-2">
<nav class="navbar">
<a href="index.php">হোম</a>
<a href="index.php#featured">বইসমূহ</a>
<a href="index.php#arrivals">নতুন বই</a>
<a href="male-booklist.php">ছেলেদের বই</a>
<a href="female-booklist.php">মেয়েদের বই</a>
<a href="answer.php">প্রশ্ন ও উত্তর</a>
<a href="registration.php">নিবন্ধন</a>
<a href="contact.php">যোগাযোগ</a>
<a href="login.php">লগইন</a>
</nav>
</div>
<div class="ticker">
<div class="title">
<h5>বিজ্ঞপ্তি :</h5>
</div>
<div class="news">
<marquee>
<p>
সুখবর❗ সুখবর❗সুখবর❗বোনদের জন্য সুখবর। আলহামদুলিল্লাহ বোনদের জন্য জাবিইপা ফিমেল সেকশন চালু করা হয়েছে। এখন থেকে বোনেরাও জাবিইপা পাঠাগার থেকে আপনার প্রয়োজনীয় বই বিনামূল্যে নিয়ে পড়তে পারবেন। আর চাইলে আপনার পছন্দের বইটি পাঠাগারে উপহার দিতে পারবেন।
</p>
</marquee>
</div>
</div>
</header>
<!-- bottom navbar starts -->
<nav class="bottom-navbar">
<a href="index.php" class="fas fa-home"></a>
<a href="male-booklist.php" class="fa-regular fa-address-book"></a>
<a href="female-booklist.php" class="fa-solid fa-book-open-reader"></a>
<a href="answer.php" class="fa-sharp fa-solid fa-question"></a>
<a href="contact.php" class="fas fa-envelope"></a>
<a href="registration.php" class="fa-solid fa-user-plus"></a>
</nav>
<!-- bottom navbar ends-->
<!-- header section ends -->