-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
211 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,211 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <link rel="shortcut icon" type="image/jpg" href="assets/imgs/me.jpg"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| <meta name="description" content="Start your development with Meyawo landing page."> | ||
| <meta name="author" content="Devcrud"> | ||
| <title>mqry. | ||
| </title> | ||
| <!-- font icons --> | ||
| <link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css"> | ||
| <!-- Bootstrap + Meyawo main styles --> | ||
| <link rel="stylesheet" href="assets/css/meyawo.css"> | ||
| </head> | ||
| <body data-spy="scroll" data-target=".navbar" data-offset="40" id="home"> | ||
|
|
||
| <!-- Page Navbar --> | ||
| <nav class="custom-navbar" data-spy="affix" data-offset-top="20"> | ||
| <div class="container"> | ||
| <a class="logo" href="#">mqry.</a> | ||
| <ul class="nav"> | ||
| <li class="item"> | ||
| <a class="link" href="#home">Home</a> | ||
| </li> | ||
| <li class="item"> | ||
| <a class="link" href="#about">About</a> | ||
| </li> | ||
| </ul> | ||
| <a href="javascript:void(0)" id="nav-toggle" class="hamburger hamburger--elastic"> | ||
| <div class="hamburger-box"> | ||
| <div class="hamburger-inner"></div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </nav><!-- End of Page Navbar --> | ||
|
|
||
| <!-- page header --> | ||
| <header id="home" class="header"> | ||
| <div class="overlay"></div> | ||
| <div class="header-content container"> | ||
| <h4 class="up">Hello There!</p> | ||
| <h1 class="header-title"> | ||
| <span class="down"> I'm mqry.</span> | ||
| </h1> | ||
| <p class="header-subtitle"></p> | ||
| <a href="https://mjqne.carrd.co/"> | ||
| <button class="btn btn-primary">Carrd.co</button> | ||
| </a> | ||
| <a href="https://feds.lol/bait"> | ||
| <button class="btn btn-primary">Feds.lol</button> | ||
| </a> | ||
| <a href=""> | ||
| <button class="btn btn-primary">Guns.lol</button> | ||
| </a> | ||
| </div> | ||
| </script> | ||
| </header><!-- end of page header --> | ||
|
|
||
| <!-- about section --> | ||
| <section class="section pt-0" id="about"> | ||
| <!-- container --> | ||
| <div class="container text-center"> | ||
| <!-- about wrapper --> | ||
| <div class="about"> | ||
| <div class="about-img-holder"> | ||
| <img src="assets/imgs/me.jpg" class="about-img"> | ||
| </div> | ||
| <div class="about-caption"> | ||
| <p class="section-subtitle">Who Am I ?</p> | ||
| <h2 class="section-title mb-3">About Me</h2> | ||
| <p> | ||
| Hello! I'm Mary (mqry). I'm currently 16 years old and in my third year of high school. I'm involved in website development, game development, and creating Discord bots. Additionally, I hold positions in various . I'm also a beginner in graphic design. | ||
| </p> | ||
| </div> | ||
| </div><!-- end of about wrapper --> | ||
| </div><!-- end of container --> | ||
| </section> <!-- end of about section --> | ||
|
|
||
| <!-- service section --> | ||
| <section class="section" id="service"> | ||
| <div class="container text-center"> | ||
| <h6 class="section-title mb-6">What I do?</h6> | ||
| <!-- row --> | ||
| <div class="row"> | ||
| <div class="col-md-6 col-lg-3"> | ||
| <div class="service-card"> | ||
| <div class="body"> | ||
| <img src="assets/imgs/pencil-case.svg" class="icon"> | ||
| <h6 class="title">Graphic Designing</h6> | ||
| <p class="subtitle">Labore velit culpa adipisci excepturi consequuntur itaque in nam molestias dolorem iste quod.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6 col-lg-3"> | ||
| <div class="service-card"> | ||
| <div class="body"> | ||
| <img src="assets/imgs/responsive.svg" class="icon"> | ||
| <h6 class="title">Programming</h6> | ||
| <p class="subtitle">Labore velit culpa adipisci excepturi consequuntur itaque in nam molestias dolorem iste quod.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6 col-lg-3"> | ||
| <div class="service-card"> | ||
| <div class="body"> | ||
| <img src="assets/imgs/toolbox.svg" class="icon"> | ||
| <h6 class="title">Server Moderation</h6> | ||
| <p class="subtitle">Labore velit culpa adipisci excepturi consequuntur itaque in nam molestias dolorem iste quod.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6 col-lg-3"> | ||
| <div class="service-card"> | ||
| <div class="body"> | ||
| <img src="assets/imgs/analytics.svg" class="icon"> | ||
| <h6 class="title">Website Development</h6> | ||
| <p class="subtitle">Labore velit culpa adipisci excepturi consequuntur itaque in nam molestias dolorem iste quod.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div><!-- end of row --> | ||
| </div> | ||
| </section><!-- end of service section --> | ||
|
|
||
| <!-- portfolio section --> | ||
| <section class="section" id="portfolio"> | ||
| <div class="container text-center"> | ||
| <h6 class="section-title mb-6">Developments</h6> | ||
| <!-- row --> | ||
| <div class="row"> | ||
| <div class="col-md-4"> | ||
| <a href="" class="portfolio-card"> | ||
| <img src="assets/imgs/dd.jpeg" class="portfolio-card-img"> | ||
| <span class="portfolio-card-overlay"> | ||
| <span class="portfolio-card-caption"> | ||
| <h4>Discord Bots</h5> | ||
| <p class="font-weight-normal">Discord bots that encompass both moderation commands and entertaining features. | ||
| <br> JavaScript | ||
| </p> | ||
|
|
||
| </span> | ||
| </span> | ||
| </a> | ||
| </div> | ||
| <div class="col-md-4"> | ||
| <a href="#" class="portfolio-card"> | ||
| <img class="portfolio-card-img" src="assets/imgs/bb34017e0cd6eeaff3e785b60a8ff59f.gif" class="img-responsive rounded" alt="Download free bootstrap 4 landing page, free boootstrap 4 templates, Download free bootstrap 4.1 landing page, free boootstrap 4.1.1 templates, meyawo Landing page"> | ||
| <span class="portfolio-card-overlay"> | ||
| <span class="portfolio-card-caption"> | ||
| <h4>Games</h5> | ||
| <p class="font-weight-normal">Simple Games | ||
| <br> Golang | ||
| </p> | ||
| </span> | ||
| </span> | ||
| </a> | ||
| </div> | ||
| <div class="col-md-4"> | ||
| <a href="#" class="portfolio-card"> | ||
| <img class="portfolio-card-img" src="assets/imgs/799e0d7779f6ea6c3a89885ff60c55af.gif" class="img-responsive rounded" alt="Download free bootstrap 4 landing page, free boootstrap 4 templates, Download free bootstrap 4.1 landing page, free boootstrap 4.1.1 templates, meyawo Landing page"> | ||
| <span class="portfolio-card-overlay"> | ||
| <span class="portfolio-card-caption"> | ||
| <h4>Websites</h5> | ||
| <p class="font-weight-normal">Personalized Websites (Portfolios) | ||
| <br> Html, Css, JavaScript | ||
| </p> | ||
| </span> | ||
| </span> | ||
| </a> | ||
| </div> | ||
| </div><!-- end of row --> | ||
| </div><!-- end of container --> | ||
| </section> <!-- end of portfolio section --> | ||
|
|
||
| <!-- pricing section --> | ||
| <section class="section" id="pricing"> | ||
| <div class="container text-center"> | ||
| <h6 class="section-title mb-6">Graphic Arts | ||
| <br> Thumbnails | ||
| </h6> | ||
| <div class="img-gallery"> | ||
| <img src="assets/imgs/h.png"> | ||
| <img src="assets/imgs/practice.png"> | ||
| <img src="assets/imgs/New_Project_1.png"> | ||
| <img src="assets/imgs/Screen_Shot_2022-07-06_at_7.00.17_PM.png"> | ||
| </div> | ||
| <!-- row --> | ||
| </section><!-- end of pricing section --> | ||
|
|
||
| <!-- footer --> | ||
| <div class="container"> | ||
| <footer class="footer"> | ||
| <p class="mb-0">Copyright <script>document.write(new Date().getFullYear())</script> © <a href="">mqry.</a></p> | ||
| <div class="social-links text-right m-auto ml-sm-auto"> | ||
| </div> | ||
| </footer> | ||
| </div> <!-- end of page footer --> | ||
|
|
||
| <!-- core --> | ||
| <script src="assets/vendors/jquery/jquery-3.4.1.js"></script> | ||
| <script src="assets/vendors/bootstrap/bootstrap.bundle.js"></script> | ||
|
|
||
| <!-- bootstrap 3 affix --> | ||
| <script src="assets/vendors/bootstrap/bootstrap.affix.js"></script> | ||
|
|
||
| <!-- Meyawo js --> | ||
| <script src="assets/js/meyawo.js"></script> | ||
|
|
||
| </body> | ||
| </html> |