Inspiration from https://dribbble.com/shots/3177027-Dashboard
A Pen by Abubaker Saeed on CodePen.
Rainner von Lücken rainnervl
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
| <img style="width:10%;" src="https://images.pexels.com/photos/127513/pexels-photo-127513.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260" alt="" class="news-card__image"><center><h1>Paraguay Gigante</h1></center> | |
| <div class="content-wrapper"> | |
| <div class="news-card"> | |
| <a href="#" class="news-card__card-link"></a> | |
| <img src="https://images.pexels.com/photos/127513/pexels-photo-127513.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260" alt="" class="news-card__image"> | |
| <div class="news-card__text-wrapper"> | |
| <h2 class="news-card__title">Amazing First Title</h2> | |
| <div class="news-card__post-date">Jan 29, 2018</div> | |
| <div class="news-card__details-wrapper"> |
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
| <body> | |
| <main> | |
| <div class="content"> | |
| <div class="slider-playlist"> | |
| <div class="swiper"> | |
| <div class="swiper-wrapper"> | |
| <div class="swiper-slide"> | |
| <img | |
| src="https://github.com/user-attachments/assets/d80e6b68-b67a-4e27-86ee-e00581883d5c" /> | |
| <h1>Syn Cole</h1> |
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
| <body> | |
| <main> | |
| <div class="content"> | |
| <div class="slider-playlist"> | |
| <div class="swiper"> | |
| <div class="swiper-wrapper"> | |
| <div class="swiper-slide"> | |
| <img | |
| src="https://github.com/user-attachments/assets/d80e6b68-b67a-4e27-86ee-e00581883d5c" /> | |
| <h1>Syn Cole</h1> |
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=Oswald' rel='stylesheet' type='text/css'><center><div class="tabbysR"> | |
| <div class="tabbiesR"> | |
| <input type="radio" id="tabbiesR-1" name="tabbiesR-group-1" checked> | |
| <label for="tabbiesR-1">1</label> | |
| <div class="contentyR"><div style="background:url(http://placehold.it/450x500); width:450px; height:500px; position:relative;"><div id="RevNom">Nombre de la Revista</div><div id="RevNum">N° 1</div></div> | |
| </div> | |
| </div> | |
| <div class="tabbiesR"><input type="radio" id="tabbiesR-2" name="tabbiesR-group-1"><label for="tabbiesR-2">2</label> | |
| <div class="contentyR"> | |
| <div id="titular">Titulo de la Nota</div> |
rainnervl
/ index.html
Created
February 28, 2025 05:56
Responsive Dashboard with Sliders and Music Player
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
| <body> | |
| <main> | |
| <nav class="main-menu"> | |
| <div> | |
| <div class="user-info"> | |
| <img | |
| src="https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/37e5ccfa-f9ee-458b-afa2-dcd85b495e4e" | |
| alt="user" /> | |
| <p>Jane Wilson</p> | |
| </div> |
rainnervl
/ glassmorphism-weather-widget-keyblock.markdown
Created
February 27, 2025 21:56
Glassmorphism: Weather Widget keyblock
A visually appealing weather application with a glassmorphic user interface, providing real-time weather data for selected cities. Users can manually enter city names or select from a predefined list of cities. The app fetches weather data using the OpenWeather API and displays information such as temperature, humidity, wind speed, visibility, and more. The background image dynamically changes based on weather conditions, including day and night transitions.
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
| %script(src="//use.typekit.net/oma1los.js") | |
| .example-container | |
| .radio-widget | |
| .radio-header | |
| %input.arrow.icon{:type => "image", :src => "https://i.imgur.com/Sz6XyTW.png"} | |
| .text STATIONS | |
| %input.switch.icon{:type => "image", :src => "https://i.imgur.com/HyHsMxl.png"} | |
| .radio-content | |
| .radio-footer High quality | |
rainnervl
/ index.html
Created
August 31, 2023 05:58
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
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <title>Fast food RvL</title> | |
| <!-- Required meta tags --> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <!-- Main 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
| <svg id="scene" xmlns="http://www.w3.org/2000/svg" width="2087" height="1350.21" viewBox="0 0 2087 1350.21"> | |
| <defs> | |
| <style> | |
| .cls-1 { | |
| fill: #98e1ed; | |
| } | |
| .cls-2 { | |
| fill: #194759; | |
| } |
NewerOlder