-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
324 lines (285 loc) · 16.5 KB
/
index.html
File metadata and controls
324 lines (285 loc) · 16.5 KB
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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
<!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="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/card.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Pattaya&display=swap" rel="stylesheet">
<title>almanahel</title>
</head>
<body>
<header>
<div id="logoDiv">
<img src="img/Almanahel.png" id="logoimg" alt="almanahel">
</div>
<h1>Almanahel</h1>
<div id="cartDiv"> <a id="cartbook" href="cart.html"><img id="cartbook" src="img/cartbo.png"></a>
<span id="cartid"></span>
</div>
<!-- ----------------------------------------------------------------------------- -->
<nav role="navigation">
<div id="menuToggle">
<input type="checkbox" />
<!-- <div id="divSp"> -->
<span class="spanMenu"></span>
<span class="spanMenu"></span>
<span class="spanMenu"></span>
<!-- </div> -->
<ul id="menu">
<a href="#">
<li>Home</li>
</a>
<a href="about_us.html">
<li>about us</li>
</a>
<a href="game.html" target="_blank">
<li> Book Game!</li>
</a>
</ul>
</div>
</nav>
<!-- ---------------------------------------------------------------------------------------- -->
</header>
<main>
<!-- <img id="mind"
src="https://images.fineartamerica.com/images/artworkimages/mediumlarge/2/flying-books-luisportugal.jpg"> -->
<div id="firstParagh">
<p>Many of us have special memories of the books that have inspired us,<br />
and have learned the profound effect that reading the right book can have at the right moment .
The library is inhabited by spirits that come out of the pages at night.</p>
</div>
<div class="container">
<!-- <div class="productcont"> -->
<div class="product">
<img src="img/beautifulmaind.jpg" alt="" srcset="">
<div class="par">
<p>Use the power of creative thinking to become more attractive with a makeover of your
mind!...<span class="dots">
It doesn't need a high IQ, or reams of knowledge, or a great personality. All it needs
is creativity,
imagination and empathy - all techniques that anyone can learn. Here Edward de Bono,
world-famous for changing the way people think, shows you in a clear,
practical language how to impress people with simple conversational tactics.
Want to be irresistable? Then follow de Bono's advice: you won't believe how much it can
revolutionise your life until you do.
</span></p>
</div>
<button class="myBtn">Read more</button>
<p class="price">14JD</p>
<button class="btn">Add To Cart</button>
</div>
<div class="product">
<img src="img/timeofwhithores.png" alt="" srcset="">
<div class="par">
<p>'Time of White Horses' is the story of Palestine before the establishment of Israel in 1948.
...<span class="dots">
The novel, translated by Nancy Roberts, is divided into three books: Book One is Wind,
Book Two: Earth & Book Three: Humankind.
</span></p>
</div>
<button class="myBtn">Read more</button>
<p class="price">17JD</p>
<button class="btn">Add To Cart</button>
</div>
<div class="product">
<img src="img/wakeup.jpg" alt="" srcset="">
<div class="par">
<p>Wake up and take control of your life! From the bestselling author of Inner Strength,
Unlimited Power, ...<span class="dots">
and MONEY Master the Game, Anthony Robbins, the nation's leader in the science of peak
performance, shows you his most effective
strategies and techniques for mastering your emotions, your body, your relationships,
your finances, and your life.
The acknowledged expert in the psychology of change, Anthony Robbins provides a
step-by-step program teaching
the fundamental lessons of self-mastery that will enable you to discover your true
purpose, take control of your life,
and harness the forces that shape your destiny.
</span></p>
</div>
<button class="myBtn">Read more</button>
<p class="price">34JD</p>
<button class="btn">Add To Cart</button>
</div>
<!-- </div> -->
<!-- <div class="productcont"> -->
<div class="product">
<img src="img/evilpanicmin.jpg" alt="" srcset="">
<div class="par">
<p>The second graphic novel featuring the Minions
brings together an all-new collection ...<span class="dots">of hilarious comic stories in
a complimentary companion volume to the Minions 1 graphic novel collection.
</span></p>
</div>
<button class="myBtn">Read more</button>
<p class="price">24JD</p>
<button class="btn">Add To Cart</button>
</div>
<div class="product">
<img src="img/minbanana.jpg" alt="" srcset="">
<div class="par">
<p>From the creators of Despicable Me comes a brand new movie adventure in yellow...Minions.
...<span class="dots">
This fresh new comic featuring the stars of the upcoming movie brings together a
collection of
hilarious comic stories featuring everyone's favourite yellow, banana-loving henchmen.
</span></p>
</div>
<button class="myBtn">Read more</button>
<p class="price">27JD</p>
<button class="btn">Add To Cart</button>
</div>
<div class="product">
<img src="img/goldenbook.jpg" alt="" srcset="">
<div class="par">
<p>Kevin, Stuart, Bob, and all of the Minions we first met in
Despicable Me return in ...<span class="dots">this new Little Golden Book
retelling of
Illumination's hit movie Minions--perfect for boys and girls ages 3 to 5 and fans of all
ages! The Minions have served
the most despicable master they can find since the dawn of time, sometimes to the
detriment of the villains themselves.
Three Minions--brave Kevin, guitar-playing Stuart, and lovable Bob--venture out to
Villain-Con to find a new boss to serve.
There they meet the infamous Scarlet Overkill, and so begins the humorous and
heartwarming adventure of saving their tribe and
finding the best evil boss of all time.
</span></p>
</div>
<button class="myBtn">Read more</button>
<p class="price">31JD</p>
<button class="btn">Add To Cart</button>
</div>
<!-- </div> -->
<!-- <div class="productcont"> -->
<div class="product">
<img src="img/cssbook.jpg" alt="" srcset="">
<div class="par">
<p>he Definitive Guide, 3rd Edition, provides you with a comprehensive guide to CSS
implementation,...<span class="dots">
along with a thorough review of all aspects of CSS 2.1
Updated to cover Internet Explorer 7, Microsoft's
vastly improved browser, this new edition includes content on positioning, lists and
generated content, table layout, user interface, paged media, and more.
Simply put, Cascading Style Sheets (CSS) is a way to separate a document's structure
from its presentation.
The benefits of this can be quite profound:
CSS allows a much richer document appearance than HTML and also saves
time--you can create or change the appearance of an entire document in just one place;
and its compact file size makes web pages load quickly.
Author Eric Meyer tackles the subject with passion, exploring in detail each individual
CSS property and how it interacts with other properties.
You'll not only learn how to avoid common mistakes in interpretation,
you also will benefit from the depth and breadth of his experience and his clear and
honest style. This is the complete sourcebook on CSS.
The 3rd edition contains:
Updates to reflect changes in the latest draft version of CSS 2.1
Browser notes updated to reflect changes between IE6 and IE7
Advanced selectors supported in IE7 and other major browsers included
A new round of technical edits by a fresh set of editors
Clarifications and corrected errata, including updated URLs of referenced online
resources
</span></p>
</div>
<button class="myBtn">Read more</button>
<p class="price">40JD</p>
<button class="btn">Add To Cart</button>
</div>
<div class="product">
<img src="img/htmlbook.jpg" alt="" srcset="">
<div class="par">
<p>A full-color introduction to the basics of HTML and CSS!
Every day, more and more people want to learn ...<span class="dots">some HTML and CSS.
Joining the professional web designers and programmers are new audiences who need to know a
little bit of code at work
(update a content management system or e-commerce store) and those who want to make
their
personal blogs more attractive.
Many books teaching HTML and CSS are dry and only written for those who want to become
programmers, which is why this book takes an entirely new approach.
Introduces HTML and CSS in a way that makes them accessible to everyone—hobbyists,
students, and
professionals—and it’s full-color throughout
Utilizes information graphics and lifestyle photography to explain the topics in a
simple way
that is engaging
Boasts a unique structure that allows you to progress through the chapters from
beginning to
end or just dip into topics of particular interest at your leisure
This educational book is one that you will enjoy picking up, reading, then referring
back to.
It will make you wish other technical topics were presented in such a simple, attractive
and
engaging way!
</span></p>
</div>
<button class="myBtn">Read more</button>
<p class="price">19JD</p>
<button class="btn">Add To Cart</button>
</div>
<div class="product">
<img src="img/javabook.PNG" alt="" srcset="">
<div class="par">
<p>This full-color book adopts a visual approach to teaching JavaScript & jQuery, showing you
how to...<span class="dots">
make web pages
more interactive and interfaces more intuitive through the use of inspiring code examples,
infographics, and photography
The content assumes no previous programming experience, other than knowing how to create
a basic
web page in HTML & CSS.
You'll learn how to achieve techniques seen on many popular websites
(such as adding animation, tabbed panels, content sliders, form validation, interactive
galleries, and sorting data)..
Introduces core programming concepts in JavaScript and jQuery
Uses clear descriptions, inspiring examples, and easy-to-follow diagrams
Teaches you how to create scripts from scratch, and understand the thousands of
JavaScripts,
JavaScript APIs, and jQuery plugins that are available on the web
Demonstrates the latest practices in progressive enhancement, cross-browser
compatibility, and
when you may be better off using CSS3
If you're looking to create more enriching web experiences and express your creativity
through
code, then this is the book for you.
</span>
</p>
</div>
<button class="myBtn">Read more</button>
<p class="price">25JD</p>
<button class="btn">Add To Cart</button>
</div>
<!-- </div> -->
</div>
<!-- -----------------new---------------------------- -->
</main>
<footer id="foter">
<p class="copyright-text">Copyright © All Rights Reserved by
<a class="copyright-text" href="#">ALMANAHEL 2021</a>.
</p>
<!-- <div id="copIGht">
</div> -->
<img id="logofoot" src="img/Almanahel.png" alt="">
<div class="container">
<div id="socialDi">
<ul class="social-icons">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><img src="img/FB.png"
alt=""></a></li>
<li><a class="twitter" href="https://twitter.com/?lang=en" target="_blank"> <img
src="img/TWITr.png" alt=""> </a></li>
<li><a class="dribbble" href="https://www.instagram.com/" target="_blank"><img
src="img/INSTA.png" alt=""></a></li>
<li><a class="linkedin" href="https://www.linkedin.com/" target="_blank"><img src="img/LINKIN.png" alt=""></a></li>
</ul>
</div>
</div>
</footer>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
<script src="js/app.js"></script>
<script src="js/card.js"></script>
</body>
</html>