A Pen by Vashon Gonzales on CodePen.
Ashon Gonzales Ashon-G
This file contains hidden or 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
| <!-- Exported with SnipCSS extension (Ver 1.8.4) --> | |
| <section class="hero-fbb"> | |
| <div class="container-1d3"> | |
| <div class="wrapper-hb6"> | |
| <h1>a home for all your net 30 accounts</h1> | |
| <p class="margin-bottom-ooh">Say goodbye to the hassle of dealing with spreadsheets and the tedious search for invoices buried in your spam folder. With Paygeon, streamline your vendor management process effortlessly.</p><a href="#" class="button-49d button-16o">Get Started</a> | |
| <div class="w-9yk"> | |
| <meta> | |
| <title>CodePen - A Pen by Vashon Gonzales</title> | |
| <link href="../css/orbit.css"> |
This file contains hidden or 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
| <link href="https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,900" rel="stylesheet"> | |
| <div class="fullHeightContentContainer-0-4-5jy fullHeightContentContaine-d7-0-4-2x3"> | |
| <div> | |
| </div> | |
| <div class="pageContentContaine-0-4-gsr pageContentContaine-d10-0-4-war" style=""> | |
| <div class="pageContent-0-4-29j pageContent-d13-0-4-fpw"> | |
| <div class="main-oc4"> | |
| <div class="productTabContent-0-4-myc"> | |
| <ul data-rbd-droppable-context-id="8" class="containe-hhj"> |
This file contains hidden or 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
| <link href="https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,900" rel="stylesheet"> | |
| <div class="fullHeightContentContainer-0-4-5jy fullHeightContentContaine-d7-0-4-2x3"> | |
| <div> | |
| </div> | |
| <div class="pageContentContaine-0-4-gsr pageContentContaine-d10-0-4-war" style=""> | |
| <div class="pageContent-0-4-29j pageContent-d13-0-4-fpw"> | |
| <div class="main-oc4"> | |
| <div class="productTabContent-0-4-myc"> | |
| <ul data-rbd-droppable-context-id="8" class="containe-hhj"> |
Ashon-G
/ bank-quick-transfer-interface-vue-js.markdown
Created
January 4, 2024 09:01
Bank Quick Transfer Interface Vue JS
A UI for transferring money from 2 accounts(or more). Recreated this section from my internet banking home page with VueJS and CSS Flexbox.
A Pen by Vashon Gonzales on CodePen.
This file contains hidden or 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
| <section class="intro"> | |
| <div class="container py-5"> | |
| <div class="row justify-content-center"> | |
| <!-- Card --> | |
| <div class="col-12 col-md-4 mb-4"> | |
| <div class="card-single d-flex flex-wrap card-kingdom rounded shadow text-center"> | |
| <div class="card-content"> | |
| <div class="card-img rounded-top d-flex justify-content-end w-100 position-relative"> | |
| <div class="overflow-hidden rounded-top position-absolute w-100 h-100"> |
A Pen by Vashon Gonzales on CodePen.
A Pen by Vashon Gonzales on CodePen.
A Pen by Vashon Gonzales on CodePen.
A Pen by Vashon Gonzales on CodePen.