Skip to content

Commit 48d2788

Browse files
ipekncanipekncan
committed
Gitbook first version
0 parents  commit 48d2788

24 files changed

+830
-0
lines changed

‎contact.html

+81
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>GitBook</title>
7+
<link rel="stylesheet" href="style.css">
8+
<!--favicon-->
9+
<link rel="icon" href="images/favicon.jpg" type="image/jpg" sizes="16x16">
10+
</head>
11+
<body>
12+
<nav id="navbar">
13+
14+
<!--<img src="images/art.jpg" alt="serit" id="art">-->
15+
<div id="center">
16+
17+
<div id="header">
18+
<a href="index.html" id="logo">
19+
<img height="100" src="images/favicon.jpg" alt="GitBook" >
20+
</a>
21+
<h1 id="stitle"><b>GitBook</b></h1>
22+
</div>
23+
<!--links-->
24+
<div id="links">
25+
<a href="index.html"id="links">Home</a>
26+
<a href="genres.html"id="links">Genres</a>
27+
<a href="register.html"id="links">Register</a>
28+
<a href="ebooks.html"id="links">Books</a>
29+
<a href="contact.html"id="links">Contact</a>
30+
31+
</div>
32+
33+
</div>
34+
35+
</nav>
36+
<!--end of nav-->
37+
38+
<!--start of main-->
39+
<main id="page" style="height: 50vw;">
40+
<!--header-->
41+
<header class="hero">
42+
43+
<div class="hero_container">
44+
<div class="hero_text">
45+
<h1>Simply Books</h1>
46+
<h4>No fluff—only stories that matter.</h4>
47+
</div>
48+
</div>
49+
</header>
50+
<!--end of header-->
51+
52+
53+
54+
<div class="map">
55+
<div class="contact_text">
56+
<h2 style="color: rgb(183, 104, 43) ;font-size:xx-large;text-shadow:2px 2px 5px rgba(26, 27, 27, 0.482);margin:2rem ;"><b>Contact Us</b></h2>
57+
<p style="color: rgb(255, 255, 255) ;font-size:large;background-color: rgb(205, 146, 70);border-radius: 40px;margin:auto;
58+
padding: 4px;margin-bottom: 8px;">We would love to hear from you!</p>
59+
</div>
60+
<iframe
61+
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d192661.17250266852!2d28.873479550000003!3d41.01801775!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cab6458b1dbef9%3A0x3026a0d570e26d7!2sRemzi%20Kitabevi!5e0!3m2!1str!2str!4v1741856829580!5m2!1str!2str"
62+
width="500" height="350" style="border: 0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
63+
64+
65+
</div>
66+
67+
68+
</main>
69+
<!--end of main-->
70+
<header class="">
71+
72+
</header>
73+
<!--start of footer-->
74+
<footer id="page_end">
75+
<p class="footer_text">"There is no friend as loyal as a book. A book is a mirror of the soul,<br>
76+
a gateway to new worlds, and a companion through every stage of life.<br>
77+
It teaches without judgment, entertains without expectation, and inspires without limits."</p>
78+
</footer>
79+
<!--end of footer-->
80+
</body>
81+
</html>

‎ebooks.html

+151
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,151 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>GitBook</title>
7+
<link rel="stylesheet" href="style.css">
8+
<!--favicon-->
9+
<link rel="icon" href="images/favicon.jpg" type="image/jpg" sizes="16x16">
10+
</head>
11+
<body>
12+
<nav id="navbar">
13+
14+
<!--<img src="images/art.jpg" alt="serit" id="art">-->
15+
<div id="center">
16+
17+
<div id="header">
18+
<a href="index.html" id="logo">
19+
<img height="100" src="images/favicon.jpg" alt="GitBook">
20+
</a>
21+
<h1 id="stitle"><b>GitBook</b></h1>
22+
</div>
23+
<!--links-->
24+
<div id="links">
25+
<a href="index.html"id="links">Home</a>
26+
<a href="genres.html"id="links">Genres</a>
27+
<a href="register.html"id="links">Register</a>
28+
<a href="ebooks.html"id="links">Books</a>
29+
<a href="contact.html"id="links">Contact</a>
30+
31+
</div>
32+
33+
</div>
34+
35+
</nav>
36+
<!--end of nav-->
37+
38+
<!--start of main-->
39+
<main id="page">
40+
<!--header-->
41+
<header class="hero">
42+
43+
<div class="hero_container">
44+
<div class="hero_text">
45+
<h1>Simply Books</h1>
46+
<h4>No fluff—only stories that matter.</h4>
47+
</div>
48+
</div>
49+
</header>
50+
51+
52+
<div class="books_start">
53+
54+
55+
<div class="books">
56+
<div class="book">
57+
<img src="images/mockingbird.jpg" alt="book" width="200px" height="300px">
58+
<h3>To Kill a Mockingbird</h3>
59+
<p>Harper Lee</p>
60+
<p>Fiction</p>
61+
<select class="read_sttn" required>
62+
<option value="want">Want to Read</option>
63+
<option value="read">Readed</option>
64+
</select>
65+
</div>
66+
67+
<div class="book">
68+
<img src="images/Dune.jpg" alt="book" width="200px" height="300px">
69+
<h3>Sandworms of Dune</h3>
70+
<p>Brian Herbert and Kevin J. Anderson</p>
71+
<p>Sci-fi</p>
72+
<select class="read_sttn" required>
73+
<option value="want">Want to Read</option>
74+
<option value="read">Readed</option>
75+
</select>
76+
</div>
77+
78+
<div class="book">
79+
<img src="images/percyj.jpg" alt="book" width="200px" height="300px">
80+
<h3>Percy Jackson and Olympians</h3>
81+
<p>Rick Riordan</p>
82+
<p>Adventure</p>
83+
<select class="read_sttn" required>
84+
<option value="want">Want to Read</option>
85+
<option value="read">Readed</option>
86+
</select>
87+
</div>
88+
89+
<div class="book">
90+
<img src="images/1984.jpg" alt="book" width="200px" height="300px">
91+
<h3>1984</h3>
92+
<p>George Orwell</p>
93+
<p>Sci-fi</p>
94+
<select class="read_sttn" required>
95+
<option value="want">Want to Read</option>
96+
<option value="read">Readed</option>
97+
</select>
98+
</div>
99+
100+
<div class="book">
101+
<img src="images/aylaka.jpg" alt="book" width="200px" height="300px">
102+
<h3>Aylak Adam</h3>
103+
<p>Yusuf Atılgan</p>
104+
<p>Fiction</p>
105+
<select class="read_sttn" required>
106+
<option value="want">Want to Read</option>
107+
<option value="read">Done</option>
108+
</select>
109+
</div>
110+
111+
<div class="book">
112+
<img src="images/incem.jpg" alt="book" width="200px" height="300px">
113+
<h3>İnce Memed</h3>
114+
<p>Yaşar Kemal</p>
115+
<p>Fiction</p>
116+
<select class="read_sttn" required>
117+
<option value="want">Want to Read</option>
118+
<option value="read">Readed</option>
119+
</select>
120+
</div>
121+
122+
<div class="book">
123+
<img src="images/evreninson.jpg" alt="book" width="200px" height="300px">
124+
<h3>The Restaurant at the End of the Universe</h3>
125+
<p>Douglass Adams</p>
126+
<p>Sci-fi</p>
127+
<select class="read_sttn" required>
128+
<option value="want">Want to Read</option>
129+
<option value="read">Readed</option>
130+
</select>
131+
</div>
132+
133+
134+
</div>
135+
136+
</div>
137+
138+
<!--end of header-->
139+
140+
</main>
141+
<!--end of main-->
142+
<header class=""></header>
143+
<!--start of footer-->
144+
<footer id="page_end">
145+
<p class="footer_text">"There is no friend as loyal as a book. A book is a mirror of the soul,<br>
146+
a gateway to new worlds, and a companion through every stage of life.<br>
147+
It teaches without judgment, entertains without expectation, and inspires without limits."</p>
148+
</footer>
149+
<!--end of footer-->
150+
</body>
151+
</html>

‎genres.html

+125
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>GitBook</title>
7+
<link rel="stylesheet" href="style.css">
8+
<!--favicon-->
9+
<link rel="icon" href="images/favicon.jpg" type="image/jpg" sizes="16x16">
10+
</head>
11+
<body>
12+
<nav id="navbar">
13+
14+
<!--<img src="images/art.jpg" alt="serit" id="art">-->
15+
<div id="center">
16+
17+
<div id="header">
18+
<a href="index.html" id="logo">
19+
<img height="100" src="images/favicon.jpg" alt="GitBook">
20+
</a>
21+
<h1 id="stitle"><b>GitBook</b></h1>
22+
</div>
23+
<!--links-->
24+
<div id="links">
25+
<a href="index.html"id="links">Home</a>
26+
<a href="genres.html"id="links">Genres</a>
27+
<a href="register.html"id="links">Register</a>
28+
<a href="ebooks.html"id="links">Books</a>
29+
<a href="contact.html"id="links">Contact</a>
30+
31+
</div>
32+
33+
</div>
34+
35+
</nav>
36+
<!--end of nav-->
37+
38+
<!--start of main-->
39+
<main id="pagegenre">
40+
<!--header-->
41+
<header class="hero">
42+
43+
<div class="hero_container">
44+
<div class="hero_text">
45+
<h1>Simply Books</h1>
46+
<h4>No fluff—only stories that matter.</h4>
47+
</div>
48+
</div>
49+
</header>
50+
<!--end of header-->
51+
<!--genres container-->
52+
<section class="genres_container">
53+
54+
<!--genre tags-->
55+
<div class="genres_tags">
56+
57+
<a href="genres.html"><h3>Romance</h3></a>
58+
<a href="genres.html"><h3>Fantasy</h3></a>
59+
<a href="genres.html"><h3>Horror</h3></a>
60+
<a href="genres.html"><h3>Adventure</h3></a>
61+
<a href="genres.html"><h3>Science</h3></a>
62+
<a href="genres.html"><h3>Sci-fi</h3></a>
63+
<a href="genres.html"><h3>Biography</h3></a>
64+
<a href="genres.html"><h3>History</h3></a>
65+
66+
</div>
67+
<!--end of genre tag-->
68+
69+
<!--genre description-->
70+
<div class="genre_description">
71+
<a href="genres.html"><img src="images/romantic.jpg" alt="romance genre" class="genre_img"></a>
72+
<h3 class="genrenames">Romance</h3>
73+
<p>Love is in the air! Dive into the world of romance novels and discover the magic of love.</p>
74+
</div>
75+
<div class="genre_description">
76+
<a href="genres.html"><img src="images/fantasy.jpg" alt="fantasy genre" class="genre_img"></a>
77+
<h3 class="genrenames">Fantasy</h3>
78+
<p>Unicorns, dragons, and magic—oh my! Explore the realms of fantasy and let your imagination run wild.</p>
79+
</div>
80+
<div class="genre_description">
81+
<a href="genres.html"><img src="images/horror.jpg" alt="horror genre" class="genre_img"></a>
82+
<h3 class="genrenames">Horror</h3>
83+
<p>Are you afraid of the dark? Face your fears with spine-chilling horror stories that will keep you up at night.</p>
84+
</div>
85+
<div class="genre_description">
86+
<a href="genres.html"><img src="images/adventure.jpg" alt="adventure genre" class="genre_img"></a>
87+
<h3 class="genrenames">Adventure</h3>
88+
<p>Embark on a thrilling journey with action-packed adventure novels that will take you to the ends of the earth.</p>
89+
</div>
90+
<div class="genre_description">
91+
<a href="genres.html"><img src="images/science.jpg" alt="science genre" class="genre_img"></a>
92+
<h3 class="genrenames">Science</h3>
93+
<p>Unlock the mysteries of the universe with mind-bending science fiction novels that will blow your mind.</p>
94+
</div>
95+
<div class="genre_description">
96+
<a href="genres.html"><img src="images/scifi.jpg" alt="sci-fi genre" class="genre_img"></a>
97+
<h3 class="genrenames">Sci-fi</h3>
98+
<p>Beam me up, Scotty! Explore the final frontier with futuristic sci-fi novels that will transport you to another world.</p>
99+
</div>
100+
<div class="genre_description">
101+
<a href="genres.html"><img src="images/biography.jpg" alt="biography genre" class="genre_img"></a>
102+
<h3 class="genrenames">Biography</h3>
103+
<p>Discover the lives of extraordinary people with inspiring biographies that will leave you in awe.</p>
104+
</div>
105+
<div class="genre_description">
106+
<a href="genres.html"><img src="images/history.jpg" alt="history genre" class="genre_img"></a>
107+
<h3 class="genrenames">History</h3>
108+
<p>Travel back in time with gripping historical novels that will transport you to different eras and cultures.</p>
109+
</div>
110+
<!--end of genre description-->
111+
</section>
112+
113+
<!--end of genres container-->
114+
</main>
115+
<!--end of main-->
116+
<header class=""></header>
117+
<!--start of footer-->
118+
<footer id="genrepage_end" >
119+
<p class="footer_text">"There is no friend as loyal as a book. A book is a mirror of the soul,<br>
120+
a gateway to new worlds, and a companion through every stage of life.<br>
121+
It teaches without judgment, entertains without expectation, and inspires without limits."</p>
122+
</footer>
123+
<!--end of footer-->
124+
</body>
125+
</html>

‎images/1984.jpg

12.7 KB
Loading

‎images/Aylaka.jpg

49.9 KB
Loading

‎images/Dune.jpg

12.2 KB
Loading

‎images/adventure.jpg

464 KB
Loading

‎images/art.jpg

245 KB
Loading

‎images/biography.jpg

346 KB
Loading

‎images/evreninson.jpg

128 KB
Loading

‎images/fantasy.jpg

393 KB
Loading

‎images/favicon.jpg

92.7 KB
Loading

‎images/history.jpg

479 KB
Loading

‎images/horror.jpg

342 KB
Loading

‎images/images.jpg

12.2 KB
Loading

‎images/incem.jpg

74.3 KB
Loading

‎images/mockingbird.jpg

335 KB
Loading

‎images/percyj.jpg

808 KB
Loading

‎images/romantic.jpg

452 KB
Loading

‎images/science.jpg

254 KB
Loading

‎images/scifi.jpg

317 KB
Loading

0 commit comments

Comments
 (0)