"70fecd32fa359bbdc36db1cec03b8c78c078ad75a7d0bbd0a1d3a7add4c69e633"

"This NFT collection, Timeless Treasures, embodies the essence of History and Legends. Each piece is a unique blend of creativity and innovation, showcasing tales from the past and mythological wonders. Perfect for collectors and enthusiasts who appreciate historical narratives and legendary myths."

"https://glacier.io/"

"https://raw.githubusercontent.com/Glacier-Labs/resource/main/nft1.jpg"

"coding"

"70fecd32fa359bbdc36db1cec03b8c78c078ad75a7d0bbd0a1d3a7add4c69e632"

"NFT ABU"

"https://glacier.io/"

"https://raw.githubusercontent.com/Glacier-Labs/resource/main/nft1.jpg"

"coding"

"70fecd32fa359bbdc36db1cec03b8c78c078ad75a7d0bbd0a1d3a7add4c69e631"

"*{\n\tpadding: 0;\n\tmargin: 0;\n\tbox-sizing: border-box;\n}\n/* Main Color */\n:root {\n --lightpurple: #030303;\n --poppins: 'Poppins', sans-serif;\n --black: #000000;\n --abril: 'Abril Fatface', cursive;\n --lato: 'Lato', sans-serif;\n --purple: #169606;\n --darkgray: #6E6C78;\n --white: #FFFFFF;\n --lightgray: #898796;\n}\n::selection {\n color: var(--lightpurple);\n background: CornflowerBlue;\n background-color: var(--black);\n}\n.nav-scrolled {\n background: rgb(252, 123, 2) !important;\n}\n/*Navbar*/\n.navbar{\n\tfont-family: var(--poppins);\n\tbackground-color: rgb(255, 255, 255);\n}\n.navbar-toggler{\n\tborder: none !important;\n}\n.navbar-toggler:focus,\n.navbar-toggler:active,\n.navbar-toggler-icon:focus {\n outline: none;\n box-shadow: none;\n}\n.navbar .container-fluid .navbar-item{\n\tfont-size: 28.5px;\n\tletter-spacing: 2px;\n\tfont-weight: 550;\n\tcolor: black;\n\ttext-decoration: none;\n}\n.navbar .container-fluid .span{\n\tcolor: var(--purple)\n}\n.navbar .navbar-nav .nav-item a{\n\tfont-weight: 400;\n\tfont-size: 20px;\n\ttext-transform: uppercase;\n\tcolor: black;\n}\n.d-flex .btn{\n\tfont-size: 15px;\n\tbackground-color: black;\n\tborder-radius: 50px;\n\tcolor: var(--white);\n\ttext-transform: uppercase;\n\tpadding: 13px 19px;\n}\n.d-flex .btn:hover{\n\tbackground-color: var(--purple);\n\tcolor: var(--white);\n\ttransition: 0.5;\n}\n/*jumbotron*/\n.jumbotron .text{\n\tpadding-bottom: 6rem;\n}\n.jumbotron{\n\tbackground-image: url(img/scr.png) !important;\n\tbackground-size: cover;\n\theight: 100vh;\n\tmargin-top: -74px;\t\n\tbackground-position: center;\n}\n.jumbotron .text h2{\n\ttext-transform: uppercase;\n\tfont-family: var(--lato);\n\tfont-size: 24px;\n\tfont-weight: 300;\n\tpadding-top: 9.5rem;\n}\n.jumbotron .text h1{\n\ttext-transform: capitalize;\n\tfont-family: var(--abril);\n\tfont-size: 75px;\n\tcolor: black;\n\toverflow: hidden;\n}\n@keyframes blink {\n 0% {\n background-color: #050505;\n }\n\n 49% {\n background-color: #ccc;\n }\n\n 50% {\n background-color: transparent;\n }\n\n 99% {\n \tbackground-color: transparent;\n }\n 100% {\n \tbackground-color: #ccc;\n }\n}\n.jumbotron .text h1 .cursor{\n\tdisplay: inline-block;\n\tbackground-color: #ccc;\n\tmargin-left: 0.1rem;\n\twidth: 3px;\n\tanimation: blink 1s infinite;\n}\n.jumbotron .text h1 .cursor .typing {\n\tanimation: none;\n}\n.jumbotron .text span{\t\n\tcolor: var(--purple);\n}\n\n.jumbotron .text h3{\n\ttext-transform: capitalize;\n\tfont-family: var(--poppins);\n\tfont-size: 24px;\n\tfont-weight: 400;\n\tdisplay: flex;\n\tpadding-bottom: 25px;\n}\n.jumbotron .text h3::after{\n\tcontent: '';\n\tdisplay: block;\n\tborder-right: 7px solid var(--lightpurple);\n\twidth: 5px;\n}\n.jumbotron .sosial-media a{\n\ttext-decoration: none;\n\tcolor: var(--lightgray);\n\tpadding-right: 25px;\n\twidth: 50px;\n\theight: 50px;\n}\n/*About*/\n#about{\n\tpadding-bottom: 4rem;\n}\n.text-about{\n\tpadding-top: 5rem;\n}\n.text-about h1{\n\tfont-family: var(--abril);\n\tfont-size: 50px;\n\ttext-align: left;\n\tpadding-bottom: 20px;\n}\n.text-about h1:after{\n\tcontent: '';\n\tdisplay: block;\n\tborder-bottom: 7px solid var(--purple);\n\twidth: 20%;\n\tpadding-bottom: 2px;\n\tmargin-bottom: -9px;\n}\n.text-about span{\n\tcolor: var(--purple);\n}\n.text-about p{\n\tfont-family: var(--poppins);\n\tfont-size: 23px;\n\ttext-transform: none;\n}\n.about-img{\n\tpadding-top: 9rem;\n}\n/*project*/\n#project{\n\tpadding: 5rem 0;\n\tbackground-image: url(img/back.png);\n\tbackground-size: cover\n}\n#carouselExampleFade .carousel-control-prev{\n\tbackground-color: var(--lightpurple);\n\tborder-radius: 50%;\n\theight: 59px;\n\twidth: 60.5px;\n\ttop: 45%;\n\tleft: 5%;\n}\n#carouselExampleFade .carousel-control-next{\n\tbackground-color: var(--lightpurple);\n\tborder-radius: 50%;\n\theight: 59px;\n\twidth: 60.5px;\n\ttop: 45%;\n\tright: 5%;\n}\n.title-project h1{\n\tfont-family: var(--abril);\n\tfont-size: 50px;\n\tpadding-bottom: 3rem;\n}\n.title-project h1:after{\n\tcontent: '';\n\tdisplay: block;\n\tborder-bottom: 7px solid var(--purple);\n\twidth: 10%;\n\tpadding-bottom: 9px;\n\tmargin-bottom: -9px;\n}\n.title-project span{\n\tcolor: var(--purple);\n}\n\n/*skills&toools*/\n#skills{\n\tpadding: 4rem 0;\n}\n.title-skills h1{\n\tfont-family: var(--abril);\n\tfont-size: 50px;\n\tpadding-bottom: 4rem;\n}\n.title-skills h1:after{\n\tcontent: '';\n\tdisplay: block;\n\tborder-bottom: 7px solid var(--purple);\n\twidth: 8%;\n\tpadding-bottom: 9px;\n\tmargin-bottom: -9px;\n}\n.title-skills span{\n\tcolor: var(--purple);\n}\n#skills .container-fluid .gambar-skills .col-lg-3{\n\tpadding-bottom: 3.5rem;\n}\n#skills .container-fluid .gambar-skills .col-lg-3 img:hover{\n\tfilter: invert(15%);\n}\n/*Promise*/\n#promise{\n\tpadding: 4rem 0;\n\tbackground-image: url(img/THINGS.png);\n\tbackground-size: cover;\n}\n.promise-title h1{\n\ttext-transform: capitalize;\n\tfont-family: var(--abril);\n\tfont-size: 50px;\n\ttext-align: left;\n\tpadding-bottom: 2rem;\n}\n.promise-title span{\n\tcolor: var(--purple);\n}\n.datar-promise .isi-card{\n\tpadding-bottom: 2rem;\n}\n#promise .card{\n\tborder: 3px solid var(--lightpurple);\n\tpadding: 1rem 0.6rem 2rem 0.6rem;\n\tfont-family: var(--poppins);\n\twidth: 35rem;\n}\n#promise .card-title{\n\tfont-size: 28px;\n\tfont-weight: bold;\n\ttext-transform: capitalize;\n}\n#promise .card-text{\n\tfont-size: 18px;\n\tfont-weight: 400;\n\tcolor: var(--purple)\n}\n\n/* Testimonial */\n#testimonial {\n padding: 4rem 0;\n}\n\n#testimonial .col-lg-5 {\n background-color: var(--lightpurple);\n}\n\n#testimonial .one {\n padding-top: 1.7rem;\n padding-left: 15px;\n text-align: left; /* Untuk menggeser teks ke kiri */\n}\n\n#testimonial .one i {\n color: var(--purple);\n padding-bottom: 15px;\n}\n\n#testimonial .one h4 {\n font-family: var(--poppins);\n font-weight: 400;\n font-size: 25px;\n padding-bottom: 15px;\n margin-bottom: 0; /* Menghilangkan margin bawah default */\n}\n\n#testimonial .one h2 {\n font-size: 35px;\n font-family: var(--poppins);\n font-weight: 600;\n color: var(--purple);\n padding-bottom: 2rem;\n margin-top: 0; /* Menghilangkan margin atas default */\n}\n\n#testimonial .img-testi {\n margin-top: 20px; /* Sesuaikan jarak antara foto dan teks */\n}\n\n#testimonial img {\n max-width: 100%;\n height: auto;\n}\n/*Contact*/\n#contact{\n\tpadding: 6rem 0;\n\tbackground-image: url(img/contact.png);\n\tbackground-size: cover;\n}\n.img-contact{\n\tmargin-top: -1.5rem;\n}\n.contact-title h1{\n\ttext-transform: capitalize;\n\tfont-family: var(--abril);\n\tfont-size: 50px;\n\ttext-align: center;\n\tpadding-bottom: 2rem;\n}\n\n.contact-title span{\n\tcolor: var(--purple);\n}\n#contact form .form-label{\n\tfont-family: var(--poppins);\n\tfont-size: 22px;\n}\n#contact form input{\n\tborder-radius: 0%;\n\tcolor: var(--purple);\n}\n#contact textarea{\n\tborder-radius: 0%;\n\tcolor: var(--purple);\n}\n/* Footer */\nfooter{\n\tbackground-color: var(--purple);\n\tfont-size: 21px;\n}\n.footer a{\n\ttext-decoration: none;\n\tfont-family: var(--poppins);\n}\n/*deskop version biasa*/\n@media (min-width: 992px) {\t\n\t/*navbar*/\n\t.navbar{\n\t\tpadding: 0.5rem 3rem;\n\t\tbackground: transparent;\n\t}\n\t.navbar .navbar-nav .nav-item{\n\t\tpadding: 3px 10px;\n\t}\n\t.navbar .navbar-nav .nav-item a{\n\t\tbackground: linear-gradient(to right, var(--purple), var(--lightpurple));\n\t\tbackground-size: 200%;\n\t\t-webkit-background-clip: text;\n\t\t-webkit-text-fill-color: transparent;\n\t\ttransition: 0.5s ease-out;\n\t}\n\t.navbar .navbar-nav .nav-item a:hover{\n\t\tbackground-position: -100%;\n\t}\n\t/* jumbotron */\n\t.jumbotron .text {\n\t\tpadding-left: 4rem;\n\t\ttop: 36%;\n\t\tposition: absolute;\n\t}\n\t.jumbotron .text h2{\n\t\ttext-transform: uppercase;\n\t\tfont-family: var(--lato);\n\t\tfont-size: 30px;\n\t\tfont-weight: 300;\n\t\tpadding-top: 0;\n\t}\n\t.jumbotron .text h1{\n\t\ttext-transform: capitalize;\n\t\tfont-family: var(--abril);\n\t\tfont-size: 85px;\n\t\tcolor: black;\n\t}\n\t.jumbotron .text span{\n\t\tcolor: var(--purple);\n\t}\n\t.jumbotron .text h3{\n\t\ttext-transform: capitalize;\n\t\tfont-family: var(--poppins);\n\t\tfont-size: 26px;\n\t\tfont-weight: 400;\n\t\tdisplay: flex;\n\t\tpadding-bottom: 25px;\n\t}\n\t.jumbotron .text h3::after{\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tborder-right: 7px solid var(--lightpurple);\n\t\twidth: 4%;\n\t}\n\t.jumbotron .sosial-media a{\n\t\ttext-decoration: none;\n\t\tcolor: var(--lightgray);\n\t\tpadding-right: 25px;\n\t\twidth: 70px;\n\t\theight: 70px;\n\t}\n\t.jumbotron .sosial-media a:hover{\n\t\tcolor: var(--purple);\n\t}\n\t/*About*/\n\t.text-about{\n\t\tpadding: 10rem 0 0 4rem;\n\t}\n\t.text-about h1{\n\t\tfont-size: 65px;\n\t}\n\t.text-about span{\n\t\tcolor: var(--purple);\n\t}\n\t.text-about p{\n\t\tfont-size: 25px;\n\t}\n\t#about{\n\t\tbackground-image: url(img/ABOUT.png);\n\t\tbackground-size: cover;\n\t\theight: auto;\n\t}\n\t.about-img{\n\t\tpadding-top: 5rem;\n\t}\n\t/*project*/\n\t#carouselExampleFade .carousel-inner .carousel-item img{\n\t\theight: 80vh;\n\t} \n\t.title-project h1{\n\t\tfont-size: 65px;\n\t\tpadding-left: 4rem; \n\t}\n\t/*skills&tools*/\n\t#skills{\n\t\tbackground-image: url(img/SKILLS.png);\n\t\tbackground-size: cover;\n\n\t}\n\t.title-skills h1{\n\t\tpadding-left: 4rem;\n\t\tfont-size: 65px;\n\t}\n\t.gambar-skills{\n\t\tpadding-left: 4rem;\n\t}\n\t/*promise*/\n\t#promise{\n\t\tbackground-image: url(img/THINGS.png);\n\t\tbackground-size: cover;\n\t}\n\t.promise-title h1{\n\t\tfont-size: 65px;\n\t\ttext-align: center;\n\t}\n\t#promise .datar-promise{\n\t\tmargin: 0 4.5rem;\n\t}\n\t/*testimonial*/\n\t#testimonial .one{\n\t\tpadding-top: 6rem;\n\t\tpadding-left: 3rem;\n\t\tborder-top-left-radius: 10px;\n\t\tborder-bottom-left-radius: 10px; \n\t}\n\t#testimonial .two{\n\t\tborder-top-right-radius: 10px;\n\t\tborder-bottom-right-radius: 10px; \n\t}\n\t.contact-title h1{\n\t\tfont-size: 65px;\n\t}\n}\n"