diff options
| author | altaf-creator <athaalaa@gmail.com> | 2023-08-05 20:35:51 +0700 |
|---|---|---|
| committer | altaf-creator <athaalaa@gmail.com> | 2023-08-05 20:35:51 +0700 |
| commit | 1c75774c1920acb85f06cdf226d256d87ab510fa (patch) | |
| tree | b203d1b3aa9cb0f9be6e5f15e713171e7ab501f6 /about | |
| parent | 46d2deb8236b9217c3d574b3bd393556bd501ce9 (diff) | |
Redesign.
Diffstat (limited to 'about')
| -rw-r--r-- | about/author.html | 40 | ||||
| -rw-r--r-- | about/school.html | 46 |
2 files changed, 57 insertions, 29 deletions
diff --git a/about/author.html b/about/author.html index bdd6539..f59e3f1 100644 --- a/about/author.html +++ b/about/author.html @@ -7,24 +7,36 @@ <link rel="stylesheet" href="/style.css"> <link rel="icon" href="/assets/images/master.png"> <title>About Author • Al Azhar 9th Grade Lesson Notes</title> + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> </head> <body> - <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <div class="fixed-top-btn-container" id="topbtn"> + <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a> + </div> <div id="console"></div> <div id="sidebar"> - <a href="/index.html"> - <img src="/assets/images/master.png" alt="" class="sidebar-logo"> - </a> - <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> - <hr class="divider"> - <a href="/about/author.html" class="sidebar-link link">About the Author</a> - <a href="/about/school.html" class="sidebar-link link">About School</a> - <a href="/lessons" class="sidebar-link link">Lessons</a> - - <hr class="divider"> - <div id="toc"> - <h4>Table of Contents</h4> + <div style="height: 560px; overflow: hidden;"> + <a href="/index.html"> + <img src="/assets/images/master.png" alt="" class="sidebar-logo"> + </a> + + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + </div> + + <div> + <a href="/about/author.html" class="sidebar-link link">About the Author</a> + <a href="/about/school.html" class="sidebar-link link">About School</a> + <a href="/lessons" class="sidebar-link link">Lessons</a> + + + <hr class="divider"> + <div id="toc"> + <h4>Table of Contents</h4> + </div> </div> </div> @@ -44,7 +56,7 @@ <h1 id="contact">Contact and Socials</h1> <ul> <li><i class="fa-solid fa-globe"></i> <a href="https://altaf-creator.github.io" class="link"></i>altaf-creator.github.io</a></li> - <li><i class="fa-brands fa-instagram"></i> <a href="https://instagram.com/athaalaa.altaf9" class="link"></i>@athaalaa.altaf9</a></li> + <li><i class="fa-brands fa-instagram"></i> <a href="https://instagram.com/altafcreator" class="link"></i>@altafcreator</a></li> <li><i class="fa-brands fa-youtube"></i> <a href="https://youtube.com/@altafcreator" class="link"></i>altaf-creator</a></li> <li><i class="fa-brands fa-github"></i> <a href="https://github.com/@altafcreator" class="link"></i>altaf-creator</a></li> <li><i class="fa-solid fa-envelope"></i> <a href="mailto:athaalaaaltafhafidz@gmail.com" class="link"></i>For School: athaalaaaltafhafidz@gmail.com</a></li> diff --git a/about/school.html b/about/school.html index d37fc10..601fb18 100644 --- a/about/school.html +++ b/about/school.html @@ -6,31 +6,47 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/style.css"> <link rel="icon" href="/assets/images/master.png"> - <title>About School • Al Azhar 9th Grade Lesson Notes</title> + <title>About School • Al Azhar 9th Grade Lesson Notes</title> + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> </head> <body> - <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <div class="fixed-top-btn-container" id="topbtn"> + <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a> + <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a> + </div> <div id="console"></div> <div id="sidebar"> - <a href="/index.html"> - <img src="/assets/images/master.png" alt="" class="sidebar-logo"> - </a> - <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> - <hr class="divider"> - <a href="/about/author.html" class="sidebar-link link">About the Author</a> - <a href="/about/school.html" class="sidebar-link link">About School</a> - <a href="/lessons" class="sidebar-link link">Lessons</a> - - <hr class="divider"> - <div id="toc"> - <h4>Table of Contents</h4> + <div style="height: 560px; overflow: hidden;"> + <a href="/index.html"> + <img src="/assets/images/master.png" alt="" class="sidebar-logo"> + </a> + + <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3> + </div> + + <div> + <a href="/about/author.html" class="sidebar-link link">About the Author</a> + <a href="/about/school.html" class="sidebar-link link">About School</a> + <a href="/lessons" class="sidebar-link link">Lessons</a> + + + <hr class="divider"> + <div id="toc"> + <h4>Table of Contents</h4> + </div> </div> </div> <div class="banner-container" id="banner"> <div class="banner-bg" id="img-school"></div> - <h1 class="banner-text" id="banner-txt">About the School</h1> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">About School</h1> + <h3 class="banner-text" id="banner-txt">SMP Islam Al Azhar 25 Tangerang Selatan</h3> + </div> </div> <div id="main"> |