SRS Project
SRS Project
TABLE OF CONTENTS
Table of Contents ........................................................................................................................ 2
1. Introduction ..............................................................................................................................3
1.1 Purpose ...................................................................................................................................3
1.2 Intended Audience and Reading Suggestions ........................................................................3
1.3 Product Scope .........................................................................................................................4
1.4 References ..............................................................................................................................4
2. Overall Description ..................................................................................................................4
2.1 Product Perspective ................................................................................................................4
2.2 Product Functions ...................................................................................................................4
2.3 User Classes and Characteristics ............................................................................................4
2.4 Operating Environment ..........................................................................................................5
2.5 Design and Implementation Constraints ................................................................................5
2.6 User Documentation ...............................................................................................................5
3. External Interface Requirements ..............................................................................................5
3.1 User Interfaces ........................................................................................................................5
3.2 Hardware Interfaces ................................................................................................................5
3.3 Software Interfaces .................................................................................................................5
4. System Features ........................................................................................................................6
5. Other Nonfunctional Requirements ..........................................................................................6
5.1 Performance Requirements .................................................................................................... 6
5.2 Safety Requirements ...............................................................................................................6
5.3 Security Requirements ............................................................................................................7
5.4 Software Quality Attributes ....................................................................................................7
5.5 Business Rules ........................................................................................................................7
6. Software Interfaces ...................................................................................................................8
7. System Features ........................................................................................................................8
8. Use case diagram………………… ..........................................................................................9
9. Class diagram…………….. .................................................................................................... 10
10. Sequene diagram…. ...............................................................................................................10
11. Prototpes …………….............................................................................................................11
11.1 customer registration form.....................................................................................................11
11.2 customer login form...............................................................................................................11
11.3 Admin login form……......................................................................................................... 12
11.4 order form……..…................................................................................................................12
11.5 admin menu………... ............................................................................................................13
11.6 view order………………......................................................................................................14
PROJECT
1. INTRODUCTION :
ONLINE BOOK SITE is a registration based website. This website is all about reading your
desired books, story books or magazines. Rather than buying novels from store or issuing
books from libraries in such hectic routine of a person, A user can access this site easily on
their computers, tablets or on their smart phones. It is a handy site a user can access this
ONLINE BOOK SITE anywhere or any place with wifi connections to go through their desired
books and newly released books are also updating by admin thoroughly.
1.1 PURPOSE:
The purpose of this document is to make a detailed description of the Online Book Site. It will
explain the purpose and features of the site, the interfaces of the platform, what the platform will
do, the constraints under which it must operate and how the online platform will react to external
stimuli. This document is intended for both the stakeholders and the developers of the online
platform.
2. OVERALL DESCRIPTION
2.1 PRODUCT PERSPECTIVE:
The Online Book Site is a web-based system that is easy for the user to register
themselves first than viewing site. Which includes the category portion where there are lots of
science, fictional and bed time story books etc for a reader to read books online. At what time or
what place a user can access this site easily on their laptops or on their smart phones.
4. SYSTEM FEATURES
VIA WEBSITE: User can access the web but it needs specific Wi-Fi connection.
LOGIN : User can login by entering a specific id and password
HOME PAGE: Web contains a home page for the basic info related to the book
categories and best sellers in market.
NEW RELEASE TAB: The New Release tab contain the newly launched book in this
site and by tapping over it, it continuously opens lobby tab for story description or for
reading the content.
FICTIONAL TAB: The Horror Stories tab contain the horror book contents and by
clicking over it redirected to lobby page for viewing the whole story and description
about horror stories.
SCIENCE TAB: The Fairy Tales tab contain the disney book contents and by clicking
over it redirected to lobby page for viewing the whole story and description about
fairytale stories.
LOBBY PAGE: It contains every description about every story or every book present in
this site.
PROJECT
GANTT CHART:
PROJECT
NETWORK DIAGRAM:
PROJECT
FLOW CHART:
CLASS DIAGRAM:
PROJECT
ERD DIAGRAM:
DFD DIAGRAM:
PROJECT
LOGIN PAGE:
PROJECT
HOME PAGE:
PROJECT
FICTIONAL PAGE:
PROJECT
SCIENCE PAGE:
PROJECT
LOBBY PAGE:
PROJECT
BACKEND CODING
SIGNUP PAGE CODING:
<?php
include "[Link]";
if(isset($_POST["sub"])){
$status = $db->SignUp($_POST["uname"],$_POST["email"],$_POST["phone"],$_POST["pass"]);
if($status){
header("location:login [Link]");
}else{
echo "<script>alert('Something Wrong occured... Try Again !')</script>";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Educational Portal</title>
<link rel="stylesheet" href="[Link]
integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz"
crossorigin="anonymous">
<link href="[Link] rel="stylesheet">
<style>
html, body {
min-height: 100%;
}
body, div, form, input, select, p {
padding: 0;
margin: 0;
outline: none;
font-family: Roboto, Arial, sans-serif;
font-size: 16px;
color: #eee;
}
body {
background-image: url("[Link]");
background-repeat: repeat-y;
background-size: cover;
}
h1, h2 {
text-transform: uppercase;
font-weight: 400;
}
h2 {
margin: 0 0 0 8px;
PROJECT
}
.main-block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 25px;
background: rgba(0, 0, 0, 0.5);
}
.left-part, form {
padding: 25px;
}
.left-part {
text-align: center;
}
.fa-graduation-cap {
font-size: 72px;
}
form {
background: rgba(0, 0, 0, 0.7);
}
.title {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.info {
display: flex;
flex-direction: column;
}
input[type=text], input[type=email],input[type=password], select {
padding: 5px;
margin-bottom: 30px;
background: transparent;
border: none;
border-bottom: 1px solid #eee;
}
input[type=text]::placeholder, input[type=email]::placeholder,input[type=password]::placeholder {
color: #eee;
}
option:focus {
border: none;
}
option {
background: black;
border: none;
}
PROJECT
.checkbox input {
margin: 0 10px 0 0;
vertical-align: middle;
}
.checkbox a {
color: #26a9e0;
}
.checkbox a:hover {
color: #85d6de;
}
input[type=submit]{
padding: 10px 5px;
margin-top: 20px;
border-radius: 5px;
border: none;
background: #26a9e0;
text-decoration: none;
font-size: 15px;
font-weight: 400;
color: #fff;
width: 100%;
}
input[type=submit]:hover{
background: #85d6de;
}
.btn-item, button {
padding: 10px 5px;
margin-top: 20px;
border-radius: 5px;
border: none;
background: #26a9e0;
text-decoration: none;
font-size: 15px;
font-weight: 400;
color: #fff;
}
.btn-item {
display: inline-block;
margin: 20px 5px 0;
}
button {
width: 100%;
}
button:hover, .btn-item:hover {
background: #85d6de;
}
@media (min-width: 568px) {
html, body {
PROJECT
height: 100%;
}
.main-block {
flex-direction: row;
height: calc(100% - 50px);
}
.left-part, form {
flex: 1;
height: auto;
}
}
a{
text-decoration: none;
color: #26a9e0;
}
</style>
</head>
<body>
<div class="main-block">
<div class="left-part">
<i class="fas fa-graduation-cap"></i>
<h1>Register to Study AnyTime And Anywhere</h1>
<p>We Seek To Fill The Educational Gap Through Digital Learning</p>
</div>
<form action="[Link]" method="post">
<div class="title">
<i class="fas fa-pencil-alt"></i>
<h2>Register here</h2>
</div>
<div class="info">
<input class="fname" type="text" name="uname" placeholder="UserName">
<input type="email" name="email" placeholder="Email">
<input type="text" name="phone" placeholder="Phone number">
<input type="password" name="pass" placeholder="Password">
</div>
<input type="submit" value="Submit" name="sub">
<center><p style="padding-top: 10px">Already Signed Up Then <a
href="[Link]">LogIn</a></p></center>
</form>
</div>
</body>
</html>
PROJECT
if(isset($_POST["sub"])){
$status = $db->Login($_POST["email"],$_POST["pass"]);
if($status){
header("location:itse\[Link]");
}else{
echo "<script>alert('Invalid Username or Password!')</script>";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Educational Portal</title>
<link rel="stylesheet" href="[Link]
integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz"
crossorigin="anonymous">
<link href="[Link] rel="stylesheet">
<style>
html, body {
min-height: 100%;
}
body, div, form, input, select, p {
padding: 0;
margin: 0;
outline: none;
font-family: Roboto, Arial, sans-serif;
font-size: 16px;
color: #eee;
}
body {
background-image: url("[Link]");
background-repeat: no-repeat;
background-size: cover;
}
h1, h2 {
text-transform: uppercase;
font-weight: 400;
}
h2 {
margin: 0 0 0 8px;
}
.main-block {
PROJECT
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 25px;
background: rgba(0, 0, 0, 0.5);
}
.left-part, form {
padding: 25px;
}
.left-part {
text-align: center;
}
.fa-graduation-cap {
font-size: 72px;
}
form {
background: rgba(0, 0, 0, 0.7);
}
.title {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.info {
display: flex;
flex-direction: column;
}
input[type=text], input[type=email],input[type=password], select {
padding: 5px;
margin-bottom: 30px;
background: transparent;
border: none;
border-bottom: 1px solid #eee;
}
input[type=text]::placeholder, input[type=email]::placeholder,input[type=password]::placeholder {
color: #eee;
}
option:focus {
border: none;
}
option {
background: black;
border: none;
}
.checkbox input {
margin: 0 10px 0 0;
PROJECT
vertical-align: middle;
}
.checkbox a {
color: #26a9e0;
}
.checkbox a:hover {
color: #85d6de;
}
input[type=submit]{
padding: 10px 5px;
margin-top: 20px;
border-radius: 5px;
border: none;
background: #26a9e0;
text-decoration: none;
font-size: 15px;
font-weight: 400;
color: #fff;
width: 100%;
}
input[type=submit]:hover{
background: #85d6de;
}
.btn-item, button {
padding: 10px 5px;
margin-top: 20px;
border-radius: 5px;
border: none;
background: #26a9e0;
text-decoration: none;
font-size: 15px;
font-weight: 400;
color: #fff;
}
.btn-item {
display: inline-block;
margin: 20px 5px 0;
}
button {
width: 100%;
}
button:hover, .btn-item:hover {
background: #85d6de;
}
@media (min-width: 568px) {
html, body {
PROJECT
height: 100%;
}
.main-block {
flex-direction: row;
height: calc(100% - 50px);
}
.left-part, form {
flex: 1;
height: auto;
}
}
a{
text-decoration: none;
color: #26a9e0;
}
</style>
</head>
<body>
<div class="main-block">
<div class="left-part">
<i class="fas fa-graduation-cap"></i>
<h1>Login to Study AnyTime And Anywhere</h1>
<p>Online Library Store ! </p>
</div>
<form action="login [Link]" method="post">
<div class="title">
<i class="fas fa-pencil-alt"></i>
<h2>Log In</h2>
</div>
<div class="info">
<input type="email" name="email" placeholder="Email">
<input type="password" name="pass" placeholder="Password">
</div>
<input type="submit" value="Submit" name="sub">
<center><p style="padding-top: 10px">If You're New <a
href="[Link]">SignUP</a></p></center>
</form>
</div>
</body>
</html>
PROJECT
USER DATA:
<?php
class Accounts{
public $host, $dbuser, $dbpass, $dbname, $con;
return ($errors)? 0 : 1;
}
$errors +=1;
}
return ($errors)? 0: 1;
}
}else{
return 0;
}
}
}else{
return 0;
}
}
}
PROJECT
p{
margin: 0px;
padding: 0px;
}
img {
margin: 0px;
padding: 0px;
border: none;
}
.cleaner {
clear: both;
width: 100%;
height: 1px;
font-size: 1px;
}
.cleaner_with_height {
clear: both;
width: 100%;
height: 30px;
font-size: 1px;
}
.cleaner_with_width {
float: left;
width: 20px;
height: 30px;
font-size: 1px;
PROJECT
.buy_now_button a{
clear: both;
text-align: center;
display: block;
width: 100px;
padding: 4px 0 5px 0;
margin-bottom: 10px;
background: url(images/templatemo_btn_02.jpg) no-repeat;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.detail_button a{
clear: both;
text-align: center;
display: block;
width: 100px;
padding: 4px 0 5px 0;
margin-bottom: 10px;
background: url(images/templatemo_btn_01.jpg) no-repeat;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
#templatemo_container{
width: 960px;
margin: 0 auto;
padding: 0 10px;
background: #1c1c1b url(images/templatemo_bg.jpg) repeat-y;
}
/* menu */
#templatemo_menu {
clear: both;
width: 960px;
height: 45px;
background: url(images/templatemo_menu_bg.jpg) no-repeat;
}
#templatemo_menu ul {
padding: 13px 0 0 0;
margin: 0;
PROJECT
list-style: none;
}
#templatemo_menu ul li{
display: inline;
}
#templatemo_menu ul li a{
float: left;
padding: 0 20px;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #969547;
}
/* end of menu*/
/* header */
#templatemo_header {
clear: both;
width: 960px;
height: 285px;
padding: 0;
margin: 0;
background: url("images/[Link]") no-repeat;
}
#templatemo_header a,a:hover {
color: #ffffff;
}
#templatemo_header #templatemo_special_offers {
float: left;
font-size: 14px;
margin-top: 95px;
margin-left: 490px;
width: 180px;
}
#templatemo_special_offers a {
font-size: 12px;
}
PROJECT
#templatemo_special_offers p {
margin: 0 0 20px 0;
}
#templatemo_special_offers p span {
font-size: 18px;
}
#templatemo_header #templatemo_new_books {
float: left;
margin-top: 90px;
margin-left: 55px;
width: 180px;
}
#templatemo_new_books ul {
margin: 0 0 10px 0;
padding: 0 0 0 20px;
}
#templatemo_new_books li {
margin: 0;
padding: 0;
}
/* end of header */
/* content */
#templatemo_content {
clear: both;
width: 920px;
padding: 0 20px;
}
#templatemo_content #templatemo_content_left {
float: left;
width: 188px;
padding: 10px;
background-color: #171716;
border: 1px solid #212120;
}
#templatemo_content #templatemo_content_right {
float: right;
width: 670px;
}
PROJECT
#templatemo_content_left .templatemo_content_left_section{
clear: both;
padding-bottom: 10px;
border-bottom: 1px solid #2b2b2a;
margin-bottom: 20px;
}
.templatemo_content_left_section h1 {
font-size: 14px;
color: #cbc750;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 1px dotted #cbc750;
}
.templatemo_content_left_section ul {
padding: 0;
margin: 0;
}
.templatemo_content_left_section ul li{
padding: 0 0 3px 10px;
list-style: none;
}
.templatemo_content_left_section ul li a{
font-weight: normal;
text-decoration: none;
color: #969547;
}
#templatemo_content_right .templatemo_product_box {
float: left;
width: 303px;
height: 210px;
padding: 10px;
border: 1px solid #333;
}
PROJECT
#templatemo_content_right h1 {
padding: 10px;
margin: 0 0 20px 0;
font-size: 15px;
color: #cbc750;
background: url(images/templatemo_h1_bg.jpg);
}
#templatemo_content_right h2 {
padding: 0 0 0 0;
margin: 0 0 20px 0;
font-size: 12px;
color: #e6e154;
}
#templatemo_content_right h3 {
padding: 0;
margin: 0 0 20px 0;
font-size: 18px;
color: #85391f;
}
#templatemo_content_right ul {
margin: 0 0 20px 0;
padding: 0 0 0 20px;
list-style: none;
}
#templatemo_content_right li {
padding: 0 0 3px 0;
}
#templatemo_content_right .image_panel {
float: left;
width: 100px;
margin-right: 20px;
}
#templatemo_content_right p {
text-align: justify;
padding: 0 0 8px 0;
}
.templatemo_product_box h1 span {
font-weight: normal;
}
PROJECT
.templatemo_product_box img {
float: left;
margin-right: 20px;
}
.templatemo_product_box .product_info {
float: left;
width: 180px;
}
.product_info p {
margin-bottom: 15px;
}
/* end of content */
/* footer */
#templatemo_footer {
clear: both;
width: 960px;
padding: 20px 0px 20px 0;
text-align: center;
border-top: 1px solid #25211e;
color: #999;
background-color: #111110;
}
#templatemo_footer a{
color: #fff;
font-weight: normal;
}
/* end of footer */#templatemo_STUDIOUS_BEE {
}
PROJECT
HOME PAGE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[Link]
<html xmlns="[Link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book Store Template, Free CSS Template, CSS Website Layout</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Free CSS Templates from [Link] -->
<div id="templatemo_container">
<div id="templatemo_menu">
<ul>
<li><a href="[Link]" class="current">Home</a></li>
<li><a href="[Link]">New Release</a></li>
<li><a href="[Link]">Fictional</a></li>
<li><a href="[Link]">Science</a></li>
<li><a href="[Link]">Lobby</a></li>
</ul>
</div> <!-- end of menu -->
<div id="templatemo_header">
<div id="templatemo_special_offers">
</div>
<div id="templatemo_new_books">
<ul>
</ul>
</div>
</div> <!-- end of header -->
<div id="templatemo_content">
<div id="templatemo_content_left">
<div class="templatemo_content_left_section">
<h1>Categories</h1>
<ul>
PROJECT
<li><a href="[Link]
<li><a href="[Link]
<li><a href="[Link]
ever-written/">Sports</a></li>
<li><a href="[Link]
<li><a href="[Link]
magazines-in-2019-b8145b69fb09">Technology</a></li>
<li><a href="[Link]
read/">Gardening</a></li>
<li><a href="[Link] Paper</a></li>
<li><a href="[Link] Stories</a></li>
<li><a href="[Link]
books/[Link]">Fairytales/Horor Stories</a></li>
</ul>
</div>
<div class="templatemo_content_left_section">
<h1>Bestsellers</h1>
<ul>
<li><a href="[Link] Books</a></li>
<li><a href="[Link]
Design Book</a></li>
<li><a href="[Link] Magazine</a></li>
<li><a href="[Link]
4174393">Construction Book</a></li>
<li><a href="[Link] Book
2020</a></li>
<li><a href="[Link]
affairs Book</a></li>
<li><a href="[Link]
<li><a href="[Link]
genius">Math genius Book</a></li>
<li><a href="[Link]
development/top-20-best-web-design-books-recommended-times-web-design-pros/">Web
Design</a></li>
<div class="templatemo_content_left_section">
<a href="[Link]
style="border:0;width:88px;height:31px" src="[Link] alt="Valid
XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="[Link]
style="border:0;width:88px;height:31px" src="[Link]
alt="Valid CSS!" vspace="8" border="0" /></a>
</div>
</div> <!-- end of content left -->
PROJECT
<div id="templatemo_content_right">
<div class="templatemo_product_box">
<h1>Photography </h1>
<a href="[Link]"><img src="images/templatemo_image_01.jpg" alt="image" />
<div class="product_info">
<p>If you want a complete photography book that goes beyond the philosophical
expression and the creative aspects of photography often avoided in other books. we have the most
readable, understandable and complete book on photography.</p>
</div>
<div class="cleaner"> </div>
</div>
<div class="cleaner_with_width"> </div>
<div class="templatemo_product_box">
<h1>Cooking Books </h1>
<a href="[Link]"><img src="images/templatemo_image_02.jpg" alt="image" />
<div class="product_info">
<p>A cookbook or cookery book is a kitchen reference containing recipes. Cookbooks
may be general, or may specialize in a particular cuisine or category of food..</p>
</div>
</div>
<div class="cleaner_with_height"> </div>
<div class="templatemo_product_box">
<h1>Gardening Books</h1>
<a href="[Link]"><img src="images/templatemo_image_03.jpg" alt="image" />
<div class="product_info">
<p>When it comes to describing a garden, it is possible to describe the taste of certain
plants or even what they feel like.</p>
</div>
<div class="cleaner"> </div>
</div>
<div class="cleaner_with_width"> </div>
<div class="templatemo_product_box">
<h1>Sushi Book </h1>
<a href="[Link]"><img src="images/templatemo_image_04.jpg" alt="image" />
<div class="product_info">
PROJECT
<p>Food for the eye, the body & the soul is the quintessential book on the science of
sushi, how it contributes to wellness, and why people have such passion for sushi. … The book is a jewel
for sushi lovers everywhere. </p>
</div>
<div class="cleaner"> </div>
</div>
<div class="cleaner_with_height"> </div>
<div class="cleaner_with_height"> </div>
</div> <!-- end of content -->
<div id="templatemo_footer">
</body>
</html>
PROJECT
</ul>
</div> <!-- end of menu -->
<div id="templatemo_header">
<div id="templatemo_special_offers">
<p>
</div>
<div id="templatemo_new_books">
<ul>
</ul>
</div>
</div> <!-- end of header -->
<div id="templatemo_content">
<div id="templatemo_content_left">
<div class="templatemo_content_left_section">
<h1>Categories</h1>
<ul>
<li><a href="[Link]
<li><a href="[Link]
PROJECT
<li><a href="[Link]
ever-written/">Sports</a></li>
<li><a href="[Link]
<li><a href="[Link]
magazines-in-2019-b8145b69fb09">Technology</a></li>
<li><a href="[Link]
read/">Gardening</a></li>
<li><a href="[Link] Paper</a></li>
<li><a href="[Link] Stories</a></li>
<li><a href="[Link]
books/[Link]">Fairytales/Horor Stories</a></li>
</ul>
</div>
<div class="templatemo_content_left_section">
<h1>Bestsellers</h1>
<ul>
<li><a href="[Link] Books</a></li>
<li><a href="[Link]
Design Book</a></li>
<li><a href="[Link] Magazine</a></li>
<li><a href="[Link]
4174393">Construction Book</a></li>
<li><a href="[Link] Book
2020</a></li>
<li><a href="[Link]
affairs Book</a></li>
<li><a href="[Link]
<li><a href="[Link]
genius">Math genius Book</a></li>
<li><a href="[Link]
development/top-20-best-web-design-books-recommended-times-web-design-pros/">Web
Design</a></li>
<div class="templatemo_content_left_section">
<a href="[Link]
style="border:0;width:88px;height:31px" src="[Link] alt="Valid
XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="[Link]
style="border:0;width:88px;height:31px" src="[Link]
alt="Valid CSS!" vspace="8" border="0" /></a>
</div>
</div> <!-- end of content left -->
<div id="templatemo_content_right">
PROJECT
<ul>
<li>By <a href="[Link]
your-curiosity-meet-the-stars-of-guinness-world-records-2020-589088">Guinness World
Records</a></li>
<li>September 3, 2019</li>
<li>Pages: 498</li>
<li>ISBN 10: 0-496-91612-0 | ISBN 13: 9780492518154</li>
</ul>
<p>The day has finally arrived! Guinness World Records 2020 has launched around the globe
today, and the electrifying cover is just the start of what’s new in our latest edition of the record-
breaking annual.
Guinness World Records 2020 is full of amazing new features, such as captivating Snapshot spreads,
countless stats, spectacular imagery and, of course, hundreds of jaw-dropping, eye-popping, show-
stopping records.</p>
This colossal croc is an artist's impression of the mighty Sarcosuchus imperator, a prehistoric species of
crocodile that lived around 110 million years ago. Sarcosuchus weighed 8 tonnes and grew to about 11–
12 m (37–40 ft) long – about the length of three black cabs (see what we did there?) making it the
largest crocodyliform ever. This record-breaking reptilian is brought to life by a special Snapshot spread
in the book. </p>
<div class="cleaner_with_height"> </div>
<div class="cleaner_with_height"> </div>
</div> <!-- end of content -->
<div id="templatemo_footer">
<a href="[Link]">Home</a> | <a href="[Link]">Search</a> | <a
href="[Link]">Books</a> | <a href="#">New Releases</a> | <a href="#">FAQs</a> | <a
href="#">Contact Us</a><br />
Copyright © 2024 <a href="#"><strong>Your Company Name</strong></a>
<!-- Credit: [Link] -->
</div> <!-- end of footer -->
PROJECT
FICTIONAL PAGE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[Link]
<html xmlns="[Link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book Store Template, Free CSS Template, CSS Website Layout</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Free CSS Templates from [Link] -->
<div id="templatemo_container">
<div id="templatemo_menu">
<ul>
<li><a href="[Link]" >Home</a></li>
<li><a href="[Link]">New Release</a></li>
<li><a href="[Link]" class="current">Fictional</a></li>
<li><a href="[Link]" >Science</a></li>
<li><a href="[Link]">Lobby</a></li>
</ul>
</div> <!-- end of menu -->
<div id="templatemo_header">
<div id="templatemo_special_offers">
<p>
</p>
</div>
<div id="templatemo_new_books">
<ul>
</ul>
</div>
</div> <!-- end of header -->
<style>
body {
background-image: url('[Link]');
}
</style>
<div id="templatemo_content">
PROJECT
<div id="templatemo_content_left">
<div class="templatemo_content_left_section">
<h1>Categories</h1>
<ul>
<li><a href="[Link]
<li><a href="[Link]
<li><a href="[Link]
ever-written/">Sports</a></li>
<li><a href="[Link]
<li><a href="[Link]
magazines-in-2019-b8145b69fb09">Technology</a></li>
<li><a href="[Link]
read/">Gardening</a></li>
<li><a href="[Link] Paper</a></li>
<li><a href="[Link] Stories</a></li>
<li><a href="[Link]
books/[Link]">Fairytales/Horor Stories</a></li>
</ul>
</div>
<div class="templatemo_content_left_section">
<h1>Bestsellers</h1>
<ul>
<li><a href="[Link] Books</a></li>
<li><a href="[Link]
Design Book</a></li>
<li><a href="[Link] Magazine</a></li>
<li><a href="[Link]
4174393">Construction Book</a></li>
<li><a href="[Link] Book
2020</a></li>
<li><a href="[Link]
affairs Book</a></li>
<li><a href="[Link]
<li><a href="[Link]
genius">Math genius Book</a></li>
<li><a href="[Link]
development/top-20-best-web-design-books-recommended-times-web-design-pros/">Web
Design</a></li>
<div class="templatemo_content_left_section">
<a href="[Link]
style="border:0;width:88px;height:31px" src="[Link] alt="Valid
XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
PROJECT
<a href="[Link]
style="border:0;width:88px;height:31px" src="[Link]
alt="Valid CSS!" vspace="8" border="0" /></a>
</div>
</div> <!-- end of content left -->
<center>
<table width="70%" cellpadding="20px" border="0" align="center" >
<tr>
<td width="25%">
<a href="[Link] src="[Link]"
width="70%">
<div class="buy_now_button">Fahrenheit 451</a></div>
</td>
<td width="25%">
<a href="[Link]
src="[Link]" width="70%">
<div class="buy_now_button">Left hand</a></div>
</td>
<td width="25%">
<a href="[Link] src="[Link]" width="70%">
<div class="buy_now_button">DUNE</a></div>
</td>
</tr>
</table>
<table width="70%" cellpadding="20px" border="0" align="center">
<tr>
<td width="25%">
<a href="[Link] src="[Link]" width="110%">
<div class="buy_now_button">Dawn News</a></div>
</td>
<td width="25%">
<a href="[Link] src="[Link]"
width="70%">
<div class="buy_now_button">Christmas carol</a></div>
</td>
<td width="25%">
PROJECT
</td>
</tr>
</table>
</center>
<div class="cleaner_with_height"> </div>
</div> <!-- end of content -->
<div id="templatemo_footer">
SCIENCE PAGE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[Link]
<html xmlns="[Link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book Store Template, Free CSS Template, CSS Website Layout</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Free CSS Templates from [Link] -->
<div id="templatemo_container">
<div id="templatemo_menu">
<ul>
<li><a href="[Link]" >Home</a></li>
<li><a href="[Link]">New Release</a></li>
<li><a href="[Link]">Fictional</a></li>
<li><a href="[Link]" class="current">Science</a></li>
<li><a href="[Link]">Lobby</a></li>
</ul>
</div> <!-- end of menu -->
<div id="templatemo_header">
<div id="templatemo_special_offers">
<p>
</p>
</div>
<div id="templatemo_new_books">
<ul>
</ul>
</div>
</div> <!-- end of header -->
<div id="templatemo_content">
<div id="templatemo_content_left">
PROJECT
<div class="templatemo_content_left_section">
<h1>Categories</h1>
<ul>
<li><a href="[Link]
<li><a href="[Link]
<li><a href="[Link]
ever-written/">Sports</a></li>
<li><a href="[Link]
<li><a href="[Link]
magazines-in-2019-b8145b69fb09">Technology</a></li>
<li><a href="[Link]
read/">Gardening</a></li>
<li><a href="[Link] Paper</a></li>
<li><a href="[Link] Stories</a></li>
<li><a href="[Link]
books/[Link]">Fairytales/Horor Stories</a></li>
</ul>
</div>
<div class="templatemo_content_left_section">
<h1>Bestsellers</h1>
<ul>
<li><a href="[Link] Books</a></li>
<li><a href="[Link]
Design Book</a></li>
<li><a href="[Link] Magazine</a></li>
<li><a href="[Link]
4174393">Construction Book</a></li>
<li><a href="[Link] Book
2020</a></li>
<li><a href="[Link]
affairs Book</a></li>
<li><a href="[Link]
<li><a href="[Link]
genius">Math genius Book</a></li>
<li><a href="[Link]
development/top-20-best-web-design-books-recommended-times-web-design-pros/">Web
Design</a></li>
<li><a href="[Link] target="_parent">Free Photos</a></li>
</ul>
</div>
<div class="templatemo_content_left_section">
<a href="[Link]
style="border:0;width:88px;height:31px" src="[Link] alt="Valid
XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="[Link]
style="border:0;width:88px;height:31px" src="[Link]
alt="Valid CSS!" vspace="8" border="0" /></a>
PROJECT
</div>
</div> <!-- end of content left -->
<center>
<table width="70%" cellpadding="20px" border="0" align="center" >
<tr>
<td width="25%">
<a href="[Link]
9780199270293?cc=pk&lang=en&"><img src="[Link]" width="70%">
<div class="buy_now_button">Organic Chem</a></div>
</td>
<td width="25%">
<a href="[Link]
9780198769866?cc=gb&lang=en&]"><img src="[Link]" width="70%">
<div class="buy_now_button">Physical chem</a></div>
</td>
<td width="25%">
<a href="[Link] src="[Link]"
width="70%">
<div class="buy_now_button">The Cell</a></div>
</td>
</tr>
</table>
<table width="70%" cellpadding="20px" border="0" align="center">
<tr>
<td width="25%">
<a href="[Link] src="[Link]"
width="70%">
<div class="buy_now_button">Species</a></div>
</td>
<td width="25%">
<a href="[Link] src="[Link]"
width="70%">
<div class="buy_now_button">Double Helix</a></div>
</td>
<td width="25%">
<a href="[Link] src="[Link]"
width="70%">
PROJECT
</td>
</tr>
</table>
</center>
<div class="cleaner_with_height"> </div>
</div> <!-- end of content -->
<div id="templatemo_footer">
LOBBY PAGE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[Link]
<html xmlns="[Link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book Store Template, Free CSS Template, CSS Website Layout</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Free CSS Templates from [Link] -->
<div id="templatemo_container">
<div id="templatemo_menu">
<ul>
<li><a href="[Link]" >Home</a></li>
<li><a href="[Link]">New Release</a></li>
<li><a href="[Link]">Fictional</a></li>
<li><a href="[Link]">Science</a></li>
<li><a href="[Link]"class="current">Lobby</a></li>
</ul>
</div> <!-- end of menu -->
<div id="templatemo_header">
<div id="templatemo_special_offers">
<p>
<span> </span>
</p>
</div>
<div id="templatemo_new_books">
<ul>
</ul>
</div>
</div> <!-- end of header -->
<style>
body {
background-image: url('[Link]');
}
</style>
PROJECT
<div id="templatemo_content">
<div id="templatemo_content_left">
<div class="templatemo_content_left_section">
<h1>Categories</h1>
<ul>
<li><a href="[Link]
<li><a href="[Link]
<li><a href="[Link]
ever-written/">Sports</a></li>
<li><a href="[Link]
<li><a href="[Link]
magazines-in-2019-b8145b69fb09">Technology</a></li>
<li><a href="[Link]
read/">Gardening</a></li>
<li><a href="[Link] Paper</a></li>
<li><a href="[Link] Stories</a></li>
<li><a href="[Link]
books/[Link]">Fairytales/Horor Stories</a></li>
</ul>
</div>
<div class="templatemo_content_left_section">
<h1>Bestsellers</h1>
<ul>
<li><a href="[Link] Books</a></li>
<li><a href="[Link]
Design Book</a></li>
<li><a href="[Link] Magazine</a></li>
<li><a href="[Link]
4174393">Construction Book</a></li>
<li><a href="[Link] Book
2020</a></li>
<li><a href="[Link]
affairs Book</a></li>
<li><a href="[Link]
<li><a href="[Link]
genius">Math genius Book</a></li>
<li><a href="[Link]
development/top-20-best-web-design-books-recommended-times-web-design-pros/">Web
Design</a></li>
<div class="templatemo_content_left_section">
PROJECT
<a href="[Link]
style="border:0;width:88px;height:31px" src="[Link] alt="Valid
XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="[Link]
style="border:0;width:88px;height:31px" src="[Link]
alt="Valid CSS!" vspace="8" border="0" /></a>
</div>
</div> <!-- end of content left -->
<div id="templatemo_content_right">
<ul>
<li>By <a href="[Link]
cookbooks-of-the-century-so-far">Cooking Book</a></li>
<li>January 2024</li>
<li>Pages: 498</li>
<li>ISBN 10: 0-496-91612-0 | ISBN 13: 9780492518154</li>
</ul>
<p>The Internet really ought to have killed cookbooks. Recipes—tidy, self-contained packets of
information that for centuries were individually swapped and shared, indexed and catalogued—are
ideally suited for digital transmission. As they migrated online, liberated from the printed and bound,
multiplying giddily, the thousand-recipe doorstops and easy-weeknight omnibus editions that had, for so
long, stood in hardcover at the end of the shelf closest to the stove were rendered obsolete. And that
should have been the end of it.</p>
<p>Yet somehow cookbooks stuck around. In fact, as the rest of the book industry found itself in
a post-millennial free fall, cookbooks were selling better than ever. This is because, coinciding with the
rise of the Internet, cookbooks reinvented themselves. What once were primarily vehicles for recipes
became anything but: the recipes still mattered, but now they existed in service of something more—a
mood, a place, a technique, a voice. Cookbooks of the pre-Internet age remain essential, of course.
(What would any kitchen be without the guiding voices of Madhur Jaffrey, Julia Child, Edna Lewis,
Harold McGee, and a hundred others?) But, to my mind, the best cookbooks of the twenty-first century
are among the very best ever written.</p>
<h1>*ARTIFICIAL INTELLIGENCE BOOK* <span></span></h1>
<ul>
<li><a href="[Link] Intelligence
Book</a></li>
<li>Pages: 984</li>
<li>ISBN 10: 0-496-91612-0 | ISBN 13: 9780492518154</li>
PROJECT
</ul>
<p>Artificial Intelligence is the field of study that simulates the processes of human intelligence
on computer systems. These processes include the acquisition of information, using them, and
approximating conclusions. The research topics in AI include problem-solving, reasoning, planning,
natural language, programming, and machine learning. Automation, Robotics and sophisticated
computer software and programs characterize a career in Artificial Intelligence. Basic foundations in
maths, technology, logic, and engineering can go a long way in kick-starting a career in Artificial
Intelligence.</p>
<p>In 2020, Artificial Intelligence is the hottest and demanding field; most
engineers want to make their career in AI, Data Science & Data Analytics. Going through the best and
reliable resources is the best way to learn, So here is the list of the best AI Books.</p>
<ul>
<li><a href="#">Horror Stories</a></li>
<li>January 2024</li>
<li>Pages: 498</li>
<li>ISBN 10: 0-496-91612-0 | ISBN 13: 9780492518154</li>
</ul>
<p> Zoe Colletti, Michael Garza, Gabriel Rush, Austin Zajur, Natalie Ganzhorn, Austin Abrams,
Dean Norris, Gil Bellows, and Lorraine Toussaint. Stories to Tell in the Dark is a 2019 horror film directed
by André Øvredal, based on the children's book series of the same name by Alvin Schwartz. The
screenplay was adapted by Dan Hageman and Kevin Hageman, from a screen story by producer
Guillermo del Toro, as well as Patrick Melton and Marcus Dunstan. The film, an international co-
production of the United States and Canada, stars.[4][5]</p>
<p>On August 27, 2018, and ended on November 1, 2018, in St. Thomas,
Ontario, [Link] Stories to Tell in the Dark was theatrically released on August 9, 2019, by
Lionsgate. The film received generally positive reviews from critics and grossed a worldwide total of
$105 million against a production budget of around $28 [Link] 2013, CBS Films acquired the rights to
the book series from 1212 Entertainment[6] with the intent of producing it as a feature film. By January
2016 it was announced that del Toro would develop and potentially direct the project for CBS Films.
Øvredal was later to set to direct the film, with del Toro, Daniel, Brown, and Grave being among the
producers. Principal photography commenced </p>
<h1>*TECHNOLOGY BOOKS* <span></span></h1>
<ul>
<li><a href="[Link]
read-2020">Information Technlogy Books</a></li>
PROJECT
<li>January 2024</li>
<li>Pages: 498</li>
<li>ISBN 10: 0-496-91612-0 | ISBN 13: 9780492518154</li>
</ul>
<p> How do you keep up with technology change, given the exponential rate of tech advances
today? It’s not easy and it’s not optional. Since technology underpins the competitive stance of most
organizations, maintaining a working knowledge of current and emerging technologies is as important
for IT leaders as building their soft skills or leadership abilities.</p>
<p>To that end, we’ve pulled together a reading list for CIOs and IT leaders seeking to increase their
tech skills in 2020. This covers everything from digital systems and architecture to AI and deep learning,
plus the ins and outs of tech experimentation and innovation.</p>
<h1>*Magazines* <span></span></h1>
<ul>
<li><a href="[Link]
<li>Pages: 498</li>
<li>ISBN 10: 0-496-91612-0 | ISBN 13: 9780492518154</li>
</ul>
<p> A magazine is a publication with a paper cover which is issued regularly, usually every week
or every month, and which contains articles, stories, photographs, and advertisements. ... In an
automatic gun, the magazine is the part that contains the bullets.</p>
<div class="cleaner_with_height"> </div>
</div> <!-- end of content -->
<div id="templatemo_footer">