One Hat Cyber Team
Your IP :
172.71.120.55
Server IP :
188.114.97.7
Server :
Linux advantage-project 5.14.0-503.26.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 19 16:28:19 UTC 2025 x86_64
Server Software :
Apache/2.4.62 (Rocky Linux) OpenSSL/3.2.2
PHP Version :
8.3.17
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
var
/
www
/
htmlOld
/
theme
/
dev
/
Edit File:
typography.html
<!DOCTYPE html> <html lang="en"> <head> <title>Typography</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta property="og:title" content="Template Monster Admin Template"> <meta property="og:description" content="brevis, barbatus clabulares aliquando convertam de dexter, peritus capio. devatio clemens habitio est."> <meta property="og:image" content="http://digipunk.netii.net/images/radar.gif"> <meta property="og:url" content="http://digipunk.netii.net"> <link rel="icon" href="images/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="components/base/base.css"> <script src="components/base/core.min.js"></script> <script src="components/base/script.js"></script> </head> <body> <div class="page"> <!-- Page title--> <section class="section page-title bg-image context-dark" style="background-image: url(images/bg-breadcrumbs-01-1920x496.jpg);"> <!--RD Navbar--> <header class="section rd-navbar-wrap"> <nav class="rd-navbar rd-navbar-default"> <div class="navbar-container"> <div class="navbar-cell"> <div class="navbar-panel"> <button class="navbar-switch linearicons-menu" data-multi-switch='{"targets":".rd-navbar","scope":".rd-navbar","isolate":"[data-multi-switch]"}'></button> <!-- Logo--> <div class="logo"><a class="logo-link" href="index.html"><img class="logo-image-default" src="images/logo-default-117x50.svg" alt="FundMe" width="117" height="50"/><img class="logo-image-inverse" src="images/logo-inverse-117x50.svg" alt="FundMe" width="117" height="50"/></a></div> </div> </div> <div class="navbar-cell navbar-spacer-small"></div> <div class="navbar-cell"> <ul class="navbar-navigation rd-navbar-nav"> <li class="navbar-navigation-root-item"><a class="navbar-navigation-root-link" href="about-us.html">About</a> </li> <li class="navbar-navigation-root-item"><a class="navbar-navigation-root-link" href="our-causes.html">Causes</a> <ul class="navbar-navigation-dropdown rd-navbar-dropdown"> <li class="navbar-navigation-back"> <button class="navbar-navigation-back-btn">Back</button> </li> <li class="navbar-navigation-dropdown-item"><a class="navbar-navigation-dropdown-link" href="single-cause.html">Single Cause</a> </li> </ul> </li> <li class="navbar-navigation-root-item active navbar-navigation-item-hidden"><a class="navbar-navigation-root-link" href="#">Pages</a> <ul class="navbar-navigation-dropdown rd-navbar-dropdown"> <li class="navbar-navigation-back"> <button class="navbar-navigation-back-btn">Back</button> </li> <li class="navbar-navigation-dropdown-item"><a class="navbar-navigation-dropdown-link" href="#">Blog</a> <ul class="navbar-navigation-dropdown rd-navbar-dropdown"> <li class="navbar-navigation-back"> <button class="navbar-navigation-back-btn">Back</button> </li> <li class="navbar-navigation-dropdown-item"><a class="navbar-navigation-dropdown-link" href="classic-blog.html">Classic blog</a> </li> <li class="navbar-navigation-dropdown-item"><a class="navbar-navigation-dropdown-link" href="grid-blog.html">Grid blog</a> </li> <li class="navbar-navigation-dropdown-item"><a class="navbar-navigation-dropdown-link" href="blog-post.html">Blog post</a> </li> </ul> </li> <li class="navbar-navigation-dropdown-item"><a class="navbar-navigation-dropdown-link" href="404.html">404</a> </li> <li class="navbar-navigation-dropdown-item active"><a class="navbar-navigation-dropdown-link" href="typography.html">Typography</a> </li> <li class="navbar-navigation-dropdown-item"><a class="navbar-navigation-dropdown-link" href="coming-soon.html">Coming soon</a> </li> <li class="navbar-navigation-dropdown-item"><a class="navbar-navigation-dropdown-link" href="counters-&-progress-bars.html">Progress bars</a> </li> <li class="navbar-navigation-dropdown-item"><a class="navbar-navigation-dropdown-link" href="search-results.html">Search results</a> </li> </ul> </li> <li class="navbar-navigation-root-item navbar-navigation-item-hidden"><a class="navbar-navigation-root-link" href="contact.html">Contact</a> </li> </ul> </div> <div class="navbar-cell navbar-cell-right"> <div class="navbar-subpanel"> <div class="navbar-subpanel-item"> <div class="navbar-social d-flex align-items-center"><a class="navbar-social-text" href="#">Join us</a><a class="navbar-social-icon icon icon-link mdi-facebook" href="#"></a><a class="navbar-social-icon icon icon-link mdi-twitter" href="#"></a><a class="navbar-social-icon icon icon-link mdi-youtube-play" href="#"></a></div> </div> <div class="navbar-subpanel-item"><a class="btn btn-primary btn-sm" href="#">Donate</a></div> </div> </div> </div> </nav> </header> <div class="container"> <div class="row"> <div class="col-md-10 col-xl-8"> <h2 class="page-title-text">Typography</h2> </div> </div> </div> </section> <!-- Typography type--> <section class="section-md bg-transparent"> <div class="container"> <div class="row row-30 align-items-start"> <div class="col-sm-6 col-xl-7 col-xxl-8"> <h2 class="text-divider">Headings</h2> <h1>H1. Heading</h1> <h2>H2. Heading</h2> <h3>H3. Heading</h3> <h4>H4. Heading</h4> <h5>H5. Heading</h5> <h6>H6. Heading</h6> </div> <div class="col-sm-6 col-xl-5 col-xxl-4"> <div class="template-info"> <div class="template-info-title">Fonts</div> <div class="template-info-fonts"> <div class="template-info-fonts-base">Spartan</div> </div> <div class="template-info-title">Colors</div> <div class="template-info-colors"> <div class="template-info-color template-info-color-primary"></div> <div class="template-info-color template-info-color-900"></div> <div class="template-info-color template-info-color-700"></div> <div class="template-info-color template-info-color-400"></div> <div class="template-info-color template-info-color-100"></div> </div> </div> </div> </div> </div> </section> <!-- Typography paragraphs--> <section class="section-md bg-transparent"> <div class="container"> <div class="row"> <div class="col-lg-11"> <h2>Paragraphs</h2> <p class="text-block"><span>Welcome to our wonderful world. </span><strong>This is a bold text </strong> <mark>This is a highlighted text</mark><span> We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login </span><span class="tooltip-custom text-primary" data-tooltip='{"placement":"top","title":"Default text"}'>Tooltips</span><span> widgets, you will definitely have a great experience of using our web page. </span><span class="text-strike">This is a strikethrough text</span><span>, </span> <u>This is an underlined text.</u> <a href="#">Link</a> <a class="link-active" href="#">Press link</a> </p> </div> </div> </div> </section> <!-- Typography lists--> <section class="section-md bg-transparent"> <div class="container"> <h2>Ordered & Unordered Lists</h2> <div class="row row-15 row-content"> <div class="col-lg-3"> <ul class="list list-marked"> <li class="list-item">High Professionalism</li> <li class="list-item">Customer Service</li> <li class="list-item">Innovation</li> <li class="list-item">Ethics</li> <li class="list-item">Management</li> </ul> </div> <div class="col-lg-3"> <ol class="list list-ordered"> <li class="list-item">High Professionalism</li> <li class="list-item">Customer Service</li> <li class="list-item">Innovation</li> <li class="list-item">Ethics</li> <li class="list-item">Management</li> </ol> </div> </div> </div> </section> <!-- Typography quote--> <section class="section-md bg-transparent"> <div class="container"> <h2>Blockquote</h2> <div class="row row-content"> <div class="col-xl-10"> <!-- Quote default--> <div class="quote quote-default"> <svg class="quote-icon" width="35" height="27" viewBox="0 0 35 27"> <path d="M17.9871 18.2009C17.9871 16.1116 18.4035 14.0625 19.2362 12.0536C20.1522 9.96429 21.2348 8.23662 22.4839 6.87055C23.733 5.50446 25.0238 4.29912 26.3561 3.25446C27.6885 2.12947 28.8126 1.32589 29.7287 0.843751C30.728 0.28125 31.3524 0 31.6023 0C32.6848 0 33.5177 0.723215 34.1006 2.16964C31.8521 3.45536 29.9785 4.98215 28.4796 6.75C27.0639 8.43752 26.1479 9.80359 25.7315 10.8482C25.3985 11.8125 25.2318 12.5759 25.2318 13.1384C25.2318 14.183 26.0647 15.6295 27.7301 17.4777C29.4788 19.2456 30.3533 20.692 30.3533 21.817C30.3533 23.2634 29.5206 24.509 27.855 25.5536C26.2728 26.5178 24.4407 27 22.359 27C21.443 27 20.5686 26.8795 19.7358 26.6384C18.57 25.0313 17.9871 22.2188 17.9871 18.2009ZM0 18.2009C0 16.1116 0.416367 14.0625 1.24911 12.0536C2.1651 9.96429 3.24768 8.23662 4.49679 6.87055C5.74587 5.50446 7.03662 4.29912 8.369 3.25446C9.78464 2.12947 10.9505 1.32589 11.8665 0.843751C12.8658 0.28125 13.4903 0 13.7401 0C14.7394 0 15.5305 0.723215 16.1134 2.16964C13.8651 3.45536 12.033 4.98215 10.6174 6.75C9.20174 8.43752 8.28573 9.80359 7.86936 10.8482C7.53627 11.8125 7.36971 12.5759 7.36971 13.1384C7.36971 14.183 8.20246 15.6295 9.86793 17.4777C11.6167 19.2456 12.4911 20.692 12.4911 21.817C12.4911 23.2634 11.6583 24.509 9.99283 25.5536C8.32736 26.5178 6.4537 27 4.37186 27C3.6224 27 2.78966 26.8795 1.87366 26.6384C0.624552 24.8707 0 22.0581 0 18.2009Z"></path> </svg> <div class="quote-body"> <q class="quote-text h4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. sed do eiusmod tempor incididunt ut labore.</q> <cite class="quote-cite">Edward Gray, Managing partner</cite> </div> </div> </div> </div> </div> </section> <!-- Footer extended--> <footer class="footer-extended context-dark bg-900"> <div class="container"> <div class="row row-30"> <div class="col-md-3"> <!-- Logo--> <div class="logo footer-logo"><a class="logo-link" href="index.html"><img class="logo-image-default" src="images/logo-default-117x50.svg" alt="FundMe" width="117" height="50"/><img class="logo-image-inverse" src="images/logo-inverse-117x50.svg" alt="FundMe" width="117" height="50"/></a></div> <p>FundMe is a leading global charity fundraising organization.</p><a class="btn btn-primary" href="#">Donate</a> </div> <div class="col-md-5"> <h4 class="footer-title">Trending Blog Posts</h4> <!-- Post minimal--> <div class="post post-minimal footer-post"> <h6 class="post-title"><a href="blog-post.html">Aid for Japan: The Charity for Orphans</a></h6> <div class="post-meta list list-inline-divided"> <div class="list-item"><a class="post-date" href="#">November 12, 2020</a></div> <div class="list-item"> <div class="post-tags"><a class="post-tag" href="#">News</a></div> </div> </div> </div> <!-- Post minimal--> <div class="post post-minimal footer-post"> <h6 class="post-title"><a href="blog-post.html">5 Excellent Global Charitable Causes</a></h6> <div class="post-meta list list-inline-divided"> <div class="list-item"><a class="post-date" href="#">November 12, 2020</a></div> <div class="list-item"> <div class="post-tags"><a class="post-tag" href="#">News</a></div> </div> </div> </div> <!-- Post minimal--> <div class="post post-minimal footer-post"> <h6 class="post-title"><a href="blog-post.html">How Much Can You Afford To Give?</a></h6> <div class="post-meta list list-inline-divided"> <div class="list-item"><a class="post-date" href="#">November 12, 2020</a></div> <div class="list-item"> <div class="post-tags"><a class="post-tag" href="#">News</a></div> </div> </div> </div> </div> <div class="col-md-4"> <h4 class="footer-title">Quick Links</h4> <div class="row row-10 row-content"> <div class="col-6 col-md-12 col-lg-6"> <ul class="list list-sm"> <li class="list-item"><a class="link link-inherit" href="#">Clean Water</a></li> <li class="list-item"><a class="link link-inherit" href="#">Recycling</a></li> <li class="list-item"><a class="link link-inherit" href="#">Education</a></li> <li class="list-item"><a class="link link-inherit" href="#">Health Care</a></li> <li class="list-item"><a class="link link-inherit" href="#">Fresh Food</a></li> </ul> </div> <div class="col-6 col-md-12 col-lg-6"> <ul class="list list-sm"> <li class="list-item"><a class="link link-inherit" href="about-us.html">About</a></li> <li class="list-item"><a class="link link-inherit" href="our-causes.html">Causes</a></li> <li class="list-item"><a class="link link-inherit" href="classic-blog.html">Blog</a></li> <li class="list-item"><a class="link link-inherit" href="contact.html">Contacts</a></li> </ul> </div> </div> </div> </div> <div class="divider footer-divider footer-divider-1"></div> <div class="row row-10"> <div class="col-lg-6"> <dl class="term-list term-list-inline"> <dt>Office:</dt> <dd class="h6">355 S Grand Ave, Los Angeles, CA 90071</dd> </dl> </div> <div class="col-lg-6"> <div class="group-10 group-x-50 d-flex flex-wrap"> <div> <dl class="term-list term-list-inline"> <dt>Tel: </dt> <dd><a class="link link-contrast" href="tel:#">800.567.1234</a></dd> </dl> </div> <div> <dl class="term-list term-list-inline"> <dt>E-mail: </dt> <dd><a class="link link-inherit" href="mailto:#">info@demolink.org</a></dd> </dl> </div> </div> </div> </div> <div class="divider footer-divider"></div> <div class="row row-15"> <div class="col-sm-8 col-lg-6"> <div class="group-10 group-x-xl-40 d-flex align-items-center flex-wrap"> <!-- Copyright--> <p class="rights"><span>© 2020. </span><span>FundMe</span><span>. All rights reserved. </span></p> <div> <div class="group-10 group-lg-30"><a class="icon icon-md icon-link mdi-facebook" href="#"></a><a class="icon icon-md icon-link mdi-youtube-play" href="#"></a><a class="icon icon-md icon-link mdi-twitter" href="#"></a></div> </div> </div> </div> <div class="col-sm-4 col-lg-6 text-sm-right"><a class="link link-inherit" href="privacy-policy.html">Privacy Policy</a></div> </div> </div> </footer> </div> <!-- Preloader--> <div class="preloader"> <div class="preloader-inner"> <div class="preloader-dot"></div> <div class="preloader-dot"></div> <div class="preloader-dot"></div> <div class="preloader-dot"></div> </div> </div> </body> </html>
Simpan