Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 2,933,207 members, 7,094,577 topics. Date: Friday, 30 September 2022 at 01:44 AM

I "Tried" To Clone This Website From Scratch With HTML /CSS. - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / I "Tried" To Clone This Website From Scratch With HTML /CSS. (1327 Views)

I Need Someone Who Can Clone This Site Exactly, Come Wit Ur Price / Check Out Social Network I Built From Scratch With Php - Gisthive / After 10days Of Coding With Html, Css And Javascript Forum4africa Is Ready (2) (3) (4)

(1) (Reply) (Go Down)

I "Tried" To Clone This Website From Scratch With HTML /CSS. by Nobody: 6:55pm On May 07, 2021
I tried to clone this login page with HTML and CSS but unfortunately, i have a lot of learning to do especially my positioning of the nav bar and making the input to be "elastic" as the screen size changes. please suggestions and criticisms are welcomed.

https://codepen.io/ remi1444/pen/ZEeYxxr


the original site.

https://aaue.waeup. org/login

please remove the spaces from both links.

1 Like

Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by jom28gy(m): 6:59pm On May 07, 2021
What is this HTML and CSS?
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by Nobody: 7:04pm On May 07, 2021
jom28gy:
What is this HTML and CSS?

The former is a markup language sort of the foundation language for building both basic and complex websites. While the latter is Cascading Styling Sheet used for decorating and designing HTML.
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by Nobody: 8:40pm On May 07, 2021
.
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by stanliwise(m): 10:54pm On May 07, 2021
SageX1444:
I tried to clone this login page with HTML and CSS but unfortunately, i have a lot of learning to do especially my positioning of the nav bar and making the input to be "elastic" as the screen size changes. please suggestions and criticisms are welcomed.

https://codepen.io/ remi1444/pen/ZEeYxxr


the original site.

https://aaue.waeup. org/login

please remove the spaces from both links.
You tried but you should have padded the input field. Anyway I will advise you to look deep into more fundamentals aspect of coding front end. You can also specialize using Vue or react. Nice one

4 Likes

Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by etoluw: 11:14pm On May 07, 2021
SageX1444:
I tried to clone this login page with HTML and CSS but unfortunately, i have a lot of learning to do especially my positioning of the nav bar and making the input to be "elastic" as the screen size changes. please suggestions and criticisms are welcomed.

https://codepen.io/ remi1444/pen/ZEeYxxr


the original site.

https://aaue.waeup. org/login

please remove the spaces from both links.

This one no hard at all

try and use flexbox for the nav bar.

Also use linear-gradient for the background of the navbar.

Add padding to the input fields and the white container

1 Like

Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by Nobody: 6:43am On May 08, 2021
stanliwise:

You tried but you should have padded the input field. Anyway I will advise you to look deep into more fundamentals aspect of coding front end. You can also specialize using Vue or react. Nice one
Thank you. I'm currently in CSS, I felt I should try my hands with what I have learnt so far by doing it. I'll try the padding you suggested. Also the font for the body needs media query because it's static. But the media query concept dey hard me. lipsrsealed
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by qtguru(m): 1:19pm On Jun 30, 2021
SageX1444:
Thank you. I'm currently in CSS, I felt I should try my hands with what I have learnt so far by doing it. I'll try the padding you suggested. Also the font for the body needs media query because it's static. But the media query concept dey hard me. lipsrsealed

Media Query just allows you to target specific constraint e.g width, mobile, printable device and also all it's like saying anything less than this width should have this styles applied to it and so on.
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by plantist: 1:21pm On Jun 30, 2021
SageX1444:
I tried to clone this login page with HTML and CSS but unfortunately, i have a lot of learning to do especially my positioning of the nav bar and making the input to be "elastic" as the screen size changes. please suggestions and criticisms are welcomed.

https://codepen.io/ remi1444/pen/ZEeYxxr


the original site.

https://aaue.waeup. org/login

please remove the spaces from both links.

Bros no kill yourself. Bootstrap will do this for you seamlessly.
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by Nobody: 7:38am On Jul 02, 2021
plantist:


Bros no kill yourself. Bootstrap will do this for you seamlessly.
oh I see. I saw Bootstrap when I INSPECTED the original site using Chrome. grin
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by GrandFinale2021(m): 9:26pm On Jul 02, 2021
SageX1444:
oh I see. I saw Bootstrap when I INSPECTED the original site using Chrome. grin
hi I just got hp ProBook 6460b, can I use it to learn programming.
someone told me it's a business laptop that can't be used for coding
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by Nobody: 10:41pm On Jul 02, 2021
GrandFinale2021:
hi I just got hp ProBook 6460b, can I use it to learn programming.
someone told me it's a business laptop that can't be used for coding
I'm using this same PC and it has been working optimally for me. I have only used it for html, CSS and Javascript for now and I have no issue whatsoever.

2 Likes 2 Shares

Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by 10kgod(m): 1:32pm On Jul 03, 2021
SageX1444:
I'm using this same PC and it has been working optimally for me. I have only used it for html, CSS and Javascript for now and I have no issue whatsoever.

Boss, must I pass thru HTML and CSS first before I start with JS?

I just started with JS like two weeks ago.
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by Nobody: 6:58pm On Jul 03, 2021
10kgod:


Boss, must I pass thru HTML and CSS first before I start with JS?

I just started with JS like two weeks ago.
It's good practice to start with HTML-->CSS-->
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by 10kgod(m): 9:40am On Jul 04, 2021
SageX1444:
It's good practice to start with HTML-->CSS-->


Okay. Thanks a lot
Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by 10kgod(m): 8:41am On Jul 11, 2021
SageX1444:
It's good practice to start with HTML-->CSS-->

Thanks.
I'm now on HTML.

1 Like

Re: I "Tried" To Clone This Website From Scratch With HTML /CSS. by qtguru(m): 10:21am On Jul 11, 2021
10kgod:


Thanks.
I'm now on HTML.

Luckily the next meeting will be a more hands on session, like like coding so you can see how straight forward Html is, the common tags are not much. Will set a meeting and do some recordings too for people

3 Likes

(1) (Reply)

Let's Teach Kids To Code / Facebook Launches Techprep: ‘there Will Be Over 1M Programming Jobs By 2020’ / What You Do To See Any Password Behind The Stars Like This[*****}..

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2022 Oluwaseun Osewa. All rights reserved. See How To Advertise. 67
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.