Final Pages

README.md

@@ -1,66 +1,32 @@
-<p align="center"><a href="https://laravel.com" target="_blank"><img src="https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg" width="400" alt="Laravel Logo"></a></p>
+#TorvaldsTales<br>
+<br><br>
+##INTRODUCTION<br>
+Welcome Everybody, this is my project "TorvaldsTales", a static website build using Laravel framework of PHP which display's information about Linus Torvalds, about the man who created Linux Operating System and Git.<br>
+This website consist of 6 webpages 'Home', 'About', 'Work', 'History', 'Achievements' and 'Books' each displaying some information
+<br><br>
+##Pages Description<br>
+###Page 1 - Home Page<br>
+Home Page consists a Navigation bar, an Auto-Image Slider displaying images of Linus Torvalds and Little bit of Information about Linus followed by footer containing copyright information<br>
+![Alt text](main1.png)<br>
+![Alt text](main2.png)<br><br>
+
+###Page 2 - About Page<br>
+About Page Displays Information about Linus Torvalds<br>
+![Alt text](about.png)<br><br>
+
+###Page 3 - Work Page<br>
+Linus has created 3 big projects till date, those are shown in Work Page<br>
+![Alt text](work.png)<br><br>
+
+###Page 4 - History Page<br>
+It shows Life span of Linus, Including his Education and his Journey<br>
+![Alt text](history.png)<br><br>
+
+###Page 5 - Achievements Page<br>
+Achievements Page involve details about Awards received by Linus Torvalds and list all his Achievements <br>
+![Alt text](achievements.png)<br><br>
+
+###Page 6 - Books Page<br>
+This page shows information about the books written by Linus Torwalds<br>
+![Alt text](books.png)<br><br>
 
-<p align="center">
-<a href="https://github.com/laravel/framework/actions"><img src="https://github.com/laravel/framework/workflows/tests/badge.svg" alt="Build Status"></a>
-<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/dt/laravel/framework" alt="Total Downloads"></a>
-<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/v/laravel/framework" alt="Latest Stable Version"></a>
-<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/l/laravel/framework" alt="License"></a>
-</p>
-
-## About Laravel
-
-Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:
-
-- [Simple, fast routing engine](https://laravel.com/docs/routing).
-- [Powerful dependency injection container](https://laravel.com/docs/container).
-- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage.
-- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent).
-- Database agnostic [schema migrations](https://laravel.com/docs/migrations).
-- [Robust background job processing](https://laravel.com/docs/queues).
-- [Real-time event broadcasting](https://laravel.com/docs/broadcasting).
-
-Laravel is accessible, powerful, and provides tools required for large, robust applications.
-
-## Learning Laravel
-
-Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework.
-
-You may also try the [Laravel Bootcamp](https://bootcamp.laravel.com), where you will be guided through building a modern Laravel application from scratch.
-
-If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains over 2000 video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.
-
-## Laravel Sponsors
-
-We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the [Laravel Partners program](https://partners.laravel.com).
-
-### Premium Partners
-
-- **[Vehikl](https://vehikl.com/)**
-- **[Tighten Co.](https://tighten.co)**
-- **[WebReinvent](https://webreinvent.com/)**
-- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)**
-- **[64 Robots](https://64robots.com)**
-- **[Curotec](https://www.curotec.com/services/technologies/laravel/)**
-- **[Cyber-Duck](https://cyber-duck.co.uk)**
-- **[DevSquad](https://devsquad.com/hire-laravel-developers)**
-- **[Jump24](https://jump24.co.uk)**
-- **[Redberry](https://redberry.international/laravel/)**
-- **[Active Logic](https://activelogic.com)**
-- **[byte5](https://byte5.de)**
-- **[OP.GG](https://op.gg)**
-
-## Contributing
-
-Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
-
-## Code of Conduct
-
-In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).
-
-## Security Vulnerabilities
-
-If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [taylor@laravel.com](mailto:taylor@laravel.com). All security vulnerabilities will be promptly addressed.
-
-## License
-
-The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).

resources/views/about.blade.php

@@ -32,7 +32,6 @@
 </head>
 
 <body>
-    <h1>About Page</h1>
     <h2 class="sub-heads">Personel Life</h2>
     <p class="about-p">
         Torvalds is married to Tove Torvalds (née Monni), a six-time Finnish national karate champion, whom he met in

resources/views/books.blade.php

@@ -48,11 +48,16 @@
             font-weight: 600;
             font-family: serif;
         }
+
+        .books-info{
+            line-height: 1.4;
+            text-align: justify;
+        }
     </style>
 </head>
 
 <body>
-    <h1 class="sub-heads">Books Page</h1>
+    <h1 class="sub-heads">Books Contributed by Linus</h1>
     <div id="book-table">
         <table id="table-books">
             <tr class="books-table-row">

resources/views/home.blade.php

@@ -18,8 +18,7 @@
             margin-right: 3%;
             margin-left: 3%;
             border-radius: 5px;
-            opacity: 0.7;
-            box-shadow: 20px 0 200px rgba(0, 0, 0, 2.9) inset;
+            opacity: 1.0;
         }
 
         #linus-img1 {
@@ -58,10 +57,9 @@
             line-height: 1.6;
             display: flex;
             align-items: center;
-            margin-left: 80px;
+            margin-left: 30px;
             width: 50%;
-            float: left;
-            margin-top: 30px;
+            margin-top: 40px;
         }
 
         .info-section {
@@ -126,6 +124,17 @@
             }
         }
 
+        .sub-heads {
+            margin-top: 45px;
+            margin-left: 350px;
+            text-align: left;
+            font-weight: 700;
+            font-family: serif;
+            margin-bottom: -30px;
+            color: #fe4c1c;
+            font-size: 55px;
+        }
+
         /* .home-title { */
         /* float: left; */
         /* height: 70%; */
@@ -193,11 +202,11 @@ function showSlides() {
           }
           slides[slideIndex-1].style.display = "block";
           dots[slideIndex-1].className += " active";
-          setTimeout(showSlides, 2000); // Change image every 2 seconds
+          setTimeout(showSlides, 2000);
         }
     </script>
     <br><br>
-    <h1>Home Page</h1>
+    <h1 class="sub-heads">Linus Torvalds</h1>
     <div class="info-section">
         <img src="/images/Linus.jpeg" alt="no image" id="linus-img1">
         <div class="right-block">
@@ -220,10 +229,19 @@ function showSlides() {
             <p class="left-block">
                 Torvalds’ philosophy was that if he made the software available for free downloading, including the
                 source code, anyone with knowledge of and interest in computer programming could modify the system and
-                ultimately make it better or modify it for their own specific purposes. Licensed under a GNU General Public License, the system is available free to anyone who can get, use, modify, distribute and copy it. By 1999, an estimated seven million computers were running on Linux. Linux gained popularity in the consumer PC market as well. Torvalds made his personal mascot a penguin named “Tux,” which became a recognizable symbol for Linux around the world. Torvalds spent 1988-1997 at the University of Helsinki, coordinating development of the Linux kernel and furthering his studies. He moved to the United States in 1997 to begin working for Transmeta, where he helped to design the Transmeta Crusoe Processor, a power-saving CPU. In 2003, Torvalds left Transmeta to focus on the Linux kernel through the Open Source Development Labs (OSDL). The OSDL’s purpose was to pro Linux development.
+                ultimately make it better or modify it for their own specific purposes. Licensed under a GNU General
+                Public License, the system is available free to anyone who can get, use, modify, distribute and copy it.
+                By 1999, an estimated seven million computers were running on Linux. Linux gained popularity in the
+                consumer PC market as well. Torvalds made his personal mascot a penguin named “Tux,” which became a
+                recognizable symbol for Linux around the world. Torvalds spent 1988-1997 at the University of Helsinki,
+                coordinating development of the Linux kernel and furthering his studies. He moved to the United States
+                in 1997 to begin working for Transmeta, where he helped to design the Transmeta Crusoe Processor, a
+                power-saving CPU. In 2003, Torvalds left Transmeta to focus on the Linux kernel through the Open Source
+                Development Labs (OSDL). The OSDL’s purpose was to pro Linux development.
             </p>
         </div>
     </div>
+    <div style="height: 150px"></div>
 </body>
 
 </html>

resources/views/sections/footer.blade.php

@@ -1,16 +1,104 @@
 <head>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <style>
-        #footer{
+        #footer-page{
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            color: #cfd2d6;
+        }
+
+        footer {
+            position: relative;
+            bottom: 0;
+            background: #fe4c1c;
+            height: 10%;
             width: 100%;
-            height: 30%;
-            position: absolute;
-            bottom: 0px;
-            border: 1px solid black;
+            padding: 40px 0 0 0;
+        }
+
+        /*content*/
+        .footer {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            text-align: center;
+            margin-left: auto;
+            margin-right: auto;
+            background-color: #fe4c1c;
+        }
+
+        .footer p {
+            margin: 10px;
+            line-height: 10px;
+            font-size: 14px;
+            color: #000;
+            margin-left: 45px;
+        }
+
+        /*social -media*/
+        .socials {
+            list-style: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-top: 15px;
+        }
+        .socials li {
+            margin: 0 10px;
+        }
+
+        .socials a {
+            text-decoration: none;
+            color: #fff;
+            border: 1.1px solid white;
+            padding: 5px;
+            border-radius: 50%;
+        }
+
+        .socials a i {
+            font-size: 1.2rem;
+            width: 20px;
+            transition: color .4s ease;
+        }
+
+        .socials a:hover i {
+            color: #000;
+            border: #000;
+        }
+
+        .footer-copyright {
+            background: #fe4c1c;
+            width: 100%;
+            /* padding: 10px; */
+        }
+
+        .footer-copyright p {
+            font-size: 17px;
+            word-spacing: 2px;
+            align-items: center;
+            justify-content: center;
+            color: #000;
+            margin-left: 50px;
         }
     </style>
 </head>
+
 <body>
-    <div id="footer">
-        <h3>footetr</h3>
-    </div>
+    <footer id="footer-page">
+        <div class="footer">
+            <ul class="socials">
+                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
+                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
+                <li><a href="https://github.com/yashtapre77"><i class="fa fa-github"></i></a></li>
+                <li><a href="#"><i class="fa fa-linkedin-square"></i></a></li>
+                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
+            </ul>
+            <div class="footer-copyright">
+                <p>copyright &copy;2023 </p>
+            </div>
+            <p>All rights reserved</p>
+        </div>
+    </footer>
 </body>

resources/views/sections/main.blade.php

@@ -7,12 +7,11 @@
     <style>
         #main_footer {
             position: relative;
-            margin-bottom: 30px;
         }
 
         body {
             background-color: #ebf0dc;
-            color: #fe4c1c;
+            color: ;
         }
     </style>
 </head>
@@ -22,9 +21,9 @@
         @yield('mainSection')
     </div>
 
-    <div id="main_footer">
-        @include('sections.footer')
-    </div>
+        <div id="main_footer">
+            @include('sections.footer')
+        </div>
 </body>
 
 </html>

resources/views/work.blade.php

@@ -49,6 +49,7 @@
             margin: 20px;
             margin-left: 50px;
             margin-right: 50px;
+            line-height: 1.4;
         }
     </style>
 </head>

routes/web.php

@@ -14,7 +14,7 @@
 */
 
 Route::get('/', function () {
-    return view('sections.main');
+    return view('home');
 });
 
 Route::get('/home', function () {