Created
March 17, 2019 10:56
-
-
Save tanaypratap/441a46b738459a713d154e7c1d0cc861 to your computer and use it in GitHub Desktop.
Design for expense app
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
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
<link | |
rel="stylesheet" | |
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" | |
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" | |
crossorigin="anonymous" | |
/> | |
<script | |
defer | |
src="https://use.fontawesome.com/releases/v5.7.2/js/all.js" | |
integrity="sha384-0pzryjIRos8mFBWMzSSZApWtPl/5++eIfzYmTgBBmXYdhvxPc+XcFEk+zJwDgWbP" | |
crossorigin="anonymous" | |
></script> | |
<title>Trying Bootstrap</title> | |
</head> | |
<body> | |
<nav class="navbar navbar-dark bg-dark"> | |
<span class="navbar-brand mb-0 h1">Xpers</span> | |
</nav> | |
<div class="container-fluid bg-light" style="min-height: 100vh"> | |
<div class="container"> | |
<div class="jumbotron mt-4"> | |
<div class="input-group mb-3"> | |
<input | |
type="text" | |
class="form-control" | |
placeholder="Amount spent" | |
aria-label="Amount spent" | |
aria-describedby="spent in rupee" | |
/> | |
<div class="input-group-append"> | |
<span class="input-group-text" id="spent in rupee">₹</span> | |
</div> | |
</div> | |
<div class="input-group mb-3"> | |
<div class="input-group-prepend"> | |
<span class="input-group-text" id="spent at">@</span> | |
</div> | |
<input | |
type="text" | |
class="form-control" | |
placeholder="spent On" | |
aria-label="spent On" | |
aria-describedby="spent at" | |
/> | |
<div class="input-group-append"> | |
<button class="btn btn-outline-primary" type="button" id="button-addon2">Add</button> | |
</div> | |
</div> | |
</div> | |
<div> | |
<ul class="list-group"> | |
<li class="list-group-item d-flex justify-content-between"> | |
<div class="d-flex flex-column"> | |
Tshirt | |
<small class="text-muted">March 11, 2019</small> | |
</div> | |
<div> | |
<span class="px-5"> | |
500 | |
</span> | |
<button type="button" class="btn btn-outline-danger btn-sm"> | |
<i class="fas fa-trash-alt"></i> | |
</button> | |
</div> | |
</li> | |
<li class="list-group-item d-flex justify-content-between"> | |
<div class="d-flex flex-column"> | |
Movie | |
<small class="text-muted">Feb 12, 2019</small> | |
</div> | |
<div> | |
<span class="px-5"> | |
1500 | |
</span> | |
<button type="button" class="btn btn-outline-danger btn-sm"> | |
<i class="fas fa-trash-alt"></i> | |
</button> | |
</div> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
hey thank you man you sure work hard on giving back to the community
thank u sir u r such an amazing helper
Thank you Sirji!
Thank you guru ji
you are awsome and you cleared most of my doubts
Thank you!!!
thank you sir!!
Thanks for creating the course!
Thanks for this awesome course!
Thank you for this.
Thank you Bhaiya
thanku!!!!!!!!!
Thank you for this!
Thanks Tanay for the effort
4 years gone away still this is my best tutorial i have ever watched. I was very stucked at JavaScript but this tutorial make me pro in JavaScript
Thank you 🙏
On Thu, Aug 10, 2023 at 22:28 SahebHassan ***@***.***> wrote:
***@***.**** commented on this gist.
------------------------------
4 years gone away still this is my best tutorial i have ever watched. I
was very stucked at JavaScript but this tutorial make me pro in JavaScript
—
Reply to this email directly, view it on GitHub
<https://gist.github.com/tanaypratap/441a46b738459a713d154e7c1d0cc861#gistcomment-4657496>
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/ACN6LH6HKLSP2VN6J2G27VTXUUHJ5BFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFQKSXMYLMOVS2I5DSOVS2I3TBNVS3W5DIOJSWCZC7OBQXE5DJMNUXAYLOORPWCY3UNF3GS5DZVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVA4TKMJYHA2TKMVHORZGSZ3HMVZKMY3SMVQXIZI>
.
You are receiving this email because you authored the thread.
Triage notifications on the go with GitHub Mobile for iOS
<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675>
or Android
<https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>
.
--
./Tanay
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thank you for this. ❤️