Categories
Website Design

Website Redesign Challenge (Only One Winner) [Video]

Website Redesign Challenge (Only One Winner)

We’re back with another monthly Flux student redesign challenge! This time students were tasked with redesigning PoolUnder (UNDR), a staking pool of the Cardano Blockchain.

Flux Academy students did a heck of a job with this one.

Today, we’re reviewing the top 5 and picking a winner. Here they are below:

ELI ALCARAZ (Winner)
Redesign: https://bit.ly/37qavps
Email: eli@elialcaraz.com
Website: https://www.elialcaraz.com
Instagram: https://instagram.com/eli.webdesign

LUIS GONZALEZ
Redesign: https://bit.ly/2VALmpq
Email: lggolo@gmail.com
Website: https://studiolgf.com/
Instagram: https://www.instagram.com/lggolo/

PARAS SHAH
Redesign: https://bit.ly/37tTpqU
Email: parasshah195@gmail.com
Website: https://heyparas.com
Instagram: https://www.instagram.com/parasshah195/

UROOJ FORISSIER
Redesign: https://adobe.ly/3lIL76F
Email: EMAILUROOJFATIMA@gmail.com
Website: https://www.uroojf.com/

BHASKAR THOTA
Redesign: https://bit.ly/3jAOSZh
Email: desk.creativexpert657@gmail.com
Website: https://www.digitalmonk.studio/
Instagram: https://www.instagram.com/bhaskar.digitalmonkstudio/

Timestamps:
00:00 Intro
00:46 Current site
3:00 Eli Alcaraz’s redesign
6:00 Paras Shah
8:00 Luis Gonzalez
10:25 Urooj Forissier
14:05 Bhaskar Thota
16:30 WINNER


How to scale your design business using Webflow
https://www.flux-academy.com/resources/free-webflow-webclass

Find me on other social media platforms:
Instagram: https://www.instagram.com/ransegall/
Twitter: https://twitter.com/ransegall
LinkedIn: https://www.linkedin.com/in/ran-segall-0b582a33/

Gear & Book Recommendations: http://bit.ly/2ohFOuj​​​​​​​

#webflow​​​​​​ #webdesign​​​​​​ #websitedesign​​​​​

Thanks for watching the video!

Watch/Read More
Categories
Website Design

Responsive flexbox in html and css [Video]

Code with kd : How to create Responsive Flexbox container usind html and cssHow to use media query in cssIf you've enjoed this video, Like us and subscribe to our channel for more similar information video and more tutorial.more video link here:how to create neon button : https://www.youtube.com/watch?v=Rmh-wRvEfr8How to Create Resposive Navbar Using Html and Css:https://www.youtube.com/watch?v=s00U9DKBrqk&t=151sResponsive flexbox in html and css : https://www.youtube.com/watch?v=s00U9DKBrqk&t=151sflexbox in html and css : https://www.youtube.com/watch?v=s00U9DKBrqk&t=151sTrafic light Animation HTML and css : https://www.youtube.com/watch?v=s00U9DKBrqk&t=151show to create slider using css and html :https://www.youtube.com/watch?v=ovH6F4ncq80&t=3sThanks for watching.#codewithkd

Categories
Website Design

Create A Responsive Adventure & Tour Website Design Using HTML CSS / SASS & JavaScript Step By Step [Video]

how to make a complete responsive single page tour and travel adventure website design using html css / sass and javascript from scratch.create a complete responsive tour travel, adventure, hiking, mountaineer, climbing, travel agency website design using html css sass and vanilla javascript tutorial for beginners.the main feature of this website are:✅ responsive header section with navbar menu toggle and search bar using vanilla javascript.✅ responsive home touch slider using swiper.js.✅ responsive category section using css grid.✅ responsive about section using css flexbox.✅ responsive shop section with touch slider using swiper.js.✅ responsive packages section using css grid.✅ responsive review section with touch slider using swiper.js.✅ responsive services section using css grid.✅ responsive blogs section with touch slider using swiper.js.✅ responsive newsletter section.✅ responsive footer section using css grid.* SOURCE CODES *DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):https://drive.google.com/file/d/1CAKk59OYGiREBz1RNXcuz2R_kXEKUzsq/view?usp=sharing*How To Download*Step 1 :- click the google drive link ☝☝☝Step 2 :- click on download link in the google drive. Step 3 :- extract the zip file into your desired folder.Step 4 :- open the folder and then rename each coding files.Step 5 :- convert each coding files example ( index.txt to index.html ) - ( style.txt to style.css ) - ( script.txt to script.js ).Step 6 :- open the converted index.html file into your browser.Step 7 :- open your editor and put your converted into it and then edit it as you like. swiper.js link:https://swiperjs.com/font awesome cdn link:https://cdnjs.com/libraries/font-awesomegoogle fonts:https://fonts.google.com/specimen/Poppinsclip-path generator:https://bennettfeely.com/clippy/Editor : - visual studio code with Laetus: Dark Vibrant ThemeBrowser : - google chromeUI Tool : - FigmaImages / Video / SVG : - 01 - https://www.freepik.com/02 - https://storyset.com/03 - https://undraw.co/04 - https://pixabay.com/05 - https://unsplash.com/06 - https://pixabay.com/07 - https://www.flaticon.com/New To My Channel Subscribe Now And See More Stuff Like This:https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHwTimestamp:0:00 demo3:46 file structure4:54 header section27:58 home section41:30 category section48:30 about section52:25 shop section1:03:22 packages1:10:40 services section1:16:58 reviews section1:24:27 blogs section1:32:19 newsletter section1:36:56 clients logo section1:39:18 footer section1:46:55 final demo#FrontEnd#TravelWebsite#SinglePage

Categories
Website Design

Simple example of the power of flex in CSS. Ongoing project with Flexbox, CSS Grid, Javascript.Subscribe and follow to see my progress working on certificates for Responsive Web Design, Javascript Algorithms & Data Structures, Front End - Back End Development & APIs, Python, Information Security and Associates Information Technology degree.

Categories
Website Design

Learn how to accept payment methods from around the globe with a single secure, embeddable UI component. Then enhance your integration by enabling automatic payment methods, allowing you to configure compatible payment methods directly from the Stripe Dashboard.This video includes a front section on how to integrate a Payment Element. If you've already watched our video on integrating the Payment Element (https://youtu.be/MfFCg7kYCa4), skip ahead to 07:34 on using automatic payment methods. ### PresenterCharles Watkins - Developer Advocate at Stripe - https://twitter.com/charlesw_dev​### Table of contents00:00 Introduction00:14 Integrate the Payment Element06:24 Add payment methods the manual way07:34 Add payment methods using automatic_payment_methods10:50 Conclusion ### ResourcesNode starter code: https://www.youtube.com/watch?v=rPR2aJ6XnAcPayment Element: https://stripe.com/payments/elementsDocumentation: https://stripe.com/docs/payments/payment-elementAPI reference: https://stripe.com/docs/api/payment_intents/object#payment_intent_object-automatic_payment_methods ### SupportIf you have a question, please feel free to reach out to our support team at https://support.stripe.com/​​​​​ or on Discord at https://stripe.com/go/developer-chat ### UpdatesSign up to stay updated with developer news: https://go.stripe.global/dev-digest​​ ### FeedbackIf you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88​​