diff --git a/.history/lesson6_20260208111315.html b/.history/lesson6_20260208111315.html new file mode 100644 index 0000000..724f4d4 --- /dev/null +++ b/.history/lesson6_20260208111315.html @@ -0,0 +1 @@ +html \ No newline at end of file diff --git a/.history/lesson6_20260208111318.html b/.history/lesson6_20260208111318.html new file mode 100644 index 0000000..724f4d4 --- /dev/null +++ b/.history/lesson6_20260208111318.html @@ -0,0 +1 @@ +html \ No newline at end of file diff --git a/.history/lesson6_20260208111322.html b/.history/lesson6_20260208111322.html new file mode 100644 index 0000000..d01f779 --- /dev/null +++ b/.history/lesson6_20260208111322.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111347.html b/.history/lesson6_20260208111347.html new file mode 100644 index 0000000..ed90a7f --- /dev/null +++ b/.history/lesson6_20260208111347.html @@ -0,0 +1,11 @@ + + + + + + Document + + + Welcome js class + + \ No newline at end of file diff --git a/.history/lesson6_20260208111349.html b/.history/lesson6_20260208111349.html new file mode 100644 index 0000000..b47d376 --- /dev/null +++ b/.history/lesson6_20260208111349.html @@ -0,0 +1,13 @@ + + + + + + Document + + + Welcome js class + + s + + \ No newline at end of file diff --git a/.history/lesson6_20260208111358.html b/.history/lesson6_20260208111358.html new file mode 100644 index 0000000..80c21f2 --- /dev/null +++ b/.history/lesson6_20260208111358.html @@ -0,0 +1,15 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111509.html b/.history/lesson6_20260208111509.html new file mode 100644 index 0000000..5c547f9 --- /dev/null +++ b/.history/lesson6_20260208111509.html @@ -0,0 +1,15 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111510.html b/.history/lesson6_20260208111510.html new file mode 100644 index 0000000..d627ab0 --- /dev/null +++ b/.history/lesson6_20260208111510.html @@ -0,0 +1,15 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111512.html b/.history/lesson6_20260208111512.html new file mode 100644 index 0000000..c534dfc --- /dev/null +++ b/.history/lesson6_20260208111512.html @@ -0,0 +1,15 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111520.html b/.history/lesson6_20260208111520.html new file mode 100644 index 0000000..46296c3 --- /dev/null +++ b/.history/lesson6_20260208111520.html @@ -0,0 +1,18 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111532.html b/.history/lesson6_20260208111532.html new file mode 100644 index 0000000..b267c45 --- /dev/null +++ b/.history/lesson6_20260208111532.html @@ -0,0 +1,18 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111534.html b/.history/lesson6_20260208111534.html new file mode 100644 index 0000000..e5a4b2e --- /dev/null +++ b/.history/lesson6_20260208111534.html @@ -0,0 +1,18 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111537.html b/.history/lesson6_20260208111537.html new file mode 100644 index 0000000..21d6570 --- /dev/null +++ b/.history/lesson6_20260208111537.html @@ -0,0 +1,18 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111542.html b/.history/lesson6_20260208111542.html new file mode 100644 index 0000000..e81e75d --- /dev/null +++ b/.history/lesson6_20260208111542.html @@ -0,0 +1,18 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111705.html b/.history/lesson6_20260208111705.html new file mode 100644 index 0000000..9ba20fa --- /dev/null +++ b/.history/lesson6_20260208111705.html @@ -0,0 +1,19 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111706.html b/.history/lesson6_20260208111706.html new file mode 100644 index 0000000..5ae12e4 --- /dev/null +++ b/.history/lesson6_20260208111706.html @@ -0,0 +1,19 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111726.html b/.history/lesson6_20260208111726.html new file mode 100644 index 0000000..94b1d71 --- /dev/null +++ b/.history/lesson6_20260208111726.html @@ -0,0 +1,19 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111810.html b/.history/lesson6_20260208111810.html new file mode 100644 index 0000000..d96d2a9 --- /dev/null +++ b/.history/lesson6_20260208111810.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111823.html b/.history/lesson6_20260208111823.html new file mode 100644 index 0000000..0197e02 --- /dev/null +++ b/.history/lesson6_20260208111823.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111840.html b/.history/lesson6_20260208111840.html new file mode 100644 index 0000000..a7b8356 --- /dev/null +++ b/.history/lesson6_20260208111840.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111845.html b/.history/lesson6_20260208111845.html new file mode 100644 index 0000000..8442815 --- /dev/null +++ b/.history/lesson6_20260208111845.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111915.html b/.history/lesson6_20260208111915.html new file mode 100644 index 0000000..a7b8356 --- /dev/null +++ b/.history/lesson6_20260208111915.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208111934.html b/.history/lesson6_20260208111934.html new file mode 100644 index 0000000..e6b32ff --- /dev/null +++ b/.history/lesson6_20260208111934.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112011.html b/.history/lesson6_20260208112011.html new file mode 100644 index 0000000..fe8ae5e --- /dev/null +++ b/.history/lesson6_20260208112011.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112016.html b/.history/lesson6_20260208112016.html new file mode 100644 index 0000000..93189ec --- /dev/null +++ b/.history/lesson6_20260208112016.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112019.html b/.history/lesson6_20260208112019.html new file mode 100644 index 0000000..78be947 --- /dev/null +++ b/.history/lesson6_20260208112019.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112029.html b/.history/lesson6_20260208112029.html new file mode 100644 index 0000000..596368c --- /dev/null +++ b/.history/lesson6_20260208112029.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112030.html b/.history/lesson6_20260208112030.html new file mode 100644 index 0000000..155d7b6 --- /dev/null +++ b/.history/lesson6_20260208112030.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112033.html b/.history/lesson6_20260208112033.html new file mode 100644 index 0000000..0dd48e6 --- /dev/null +++ b/.history/lesson6_20260208112033.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112039.html b/.history/lesson6_20260208112039.html new file mode 100644 index 0000000..9289fce --- /dev/null +++ b/.history/lesson6_20260208112039.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112044.html b/.history/lesson6_20260208112044.html new file mode 100644 index 0000000..9289fce --- /dev/null +++ b/.history/lesson6_20260208112044.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112059.html b/.history/lesson6_20260208112059.html new file mode 100644 index 0000000..8db2e3a --- /dev/null +++ b/.history/lesson6_20260208112059.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112109.html b/.history/lesson6_20260208112109.html new file mode 100644 index 0000000..9289fce --- /dev/null +++ b/.history/lesson6_20260208112109.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112139.html b/.history/lesson6_20260208112139.html new file mode 100644 index 0000000..fa616bb --- /dev/null +++ b/.history/lesson6_20260208112139.html @@ -0,0 +1,20 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112144.html b/.history/lesson6_20260208112144.html new file mode 100644 index 0000000..1fa0392 --- /dev/null +++ b/.history/lesson6_20260208112144.html @@ -0,0 +1,21 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112146.html b/.history/lesson6_20260208112146.html new file mode 100644 index 0000000..342b500 --- /dev/null +++ b/.history/lesson6_20260208112146.html @@ -0,0 +1,22 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112150.html b/.history/lesson6_20260208112150.html new file mode 100644 index 0000000..e3f1b40 --- /dev/null +++ b/.history/lesson6_20260208112150.html @@ -0,0 +1,22 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112154.html b/.history/lesson6_20260208112154.html new file mode 100644 index 0000000..7d4e252 --- /dev/null +++ b/.history/lesson6_20260208112154.html @@ -0,0 +1,22 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112157.html b/.history/lesson6_20260208112157.html new file mode 100644 index 0000000..22e139f --- /dev/null +++ b/.history/lesson6_20260208112157.html @@ -0,0 +1,22 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112204.html b/.history/lesson6_20260208112204.html new file mode 100644 index 0000000..488646f --- /dev/null +++ b/.history/lesson6_20260208112204.html @@ -0,0 +1,23 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112207.html b/.history/lesson6_20260208112207.html new file mode 100644 index 0000000..ef30d9f --- /dev/null +++ b/.history/lesson6_20260208112207.html @@ -0,0 +1,23 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112216.html b/.history/lesson6_20260208112216.html new file mode 100644 index 0000000..cf32129 --- /dev/null +++ b/.history/lesson6_20260208112216.html @@ -0,0 +1,23 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112218.html b/.history/lesson6_20260208112218.html new file mode 100644 index 0000000..5da80c5 --- /dev/null +++ b/.history/lesson6_20260208112218.html @@ -0,0 +1,23 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112219.html b/.history/lesson6_20260208112219.html new file mode 100644 index 0000000..48117b2 --- /dev/null +++ b/.history/lesson6_20260208112219.html @@ -0,0 +1,24 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112221.html b/.history/lesson6_20260208112221.html new file mode 100644 index 0000000..917ef1d --- /dev/null +++ b/.history/lesson6_20260208112221.html @@ -0,0 +1,24 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112225.html b/.history/lesson6_20260208112225.html new file mode 100644 index 0000000..f34524c --- /dev/null +++ b/.history/lesson6_20260208112225.html @@ -0,0 +1,24 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112228.html b/.history/lesson6_20260208112228.html new file mode 100644 index 0000000..820a3ae --- /dev/null +++ b/.history/lesson6_20260208112228.html @@ -0,0 +1,24 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112235.html b/.history/lesson6_20260208112235.html new file mode 100644 index 0000000..302bdbf --- /dev/null +++ b/.history/lesson6_20260208112235.html @@ -0,0 +1,24 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112301.html b/.history/lesson6_20260208112301.html new file mode 100644 index 0000000..3f80aee --- /dev/null +++ b/.history/lesson6_20260208112301.html @@ -0,0 +1,27 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112444.html b/.history/lesson6_20260208112444.html new file mode 100644 index 0000000..b1c9415 --- /dev/null +++ b/.history/lesson6_20260208112444.html @@ -0,0 +1,27 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112448.html b/.history/lesson6_20260208112448.html new file mode 100644 index 0000000..22d6b6e --- /dev/null +++ b/.history/lesson6_20260208112448.html @@ -0,0 +1,27 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112457.html b/.history/lesson6_20260208112457.html new file mode 100644 index 0000000..d8ccd9a --- /dev/null +++ b/.history/lesson6_20260208112457.html @@ -0,0 +1,27 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112458.html b/.history/lesson6_20260208112458.html new file mode 100644 index 0000000..a0f2f21 --- /dev/null +++ b/.history/lesson6_20260208112458.html @@ -0,0 +1,27 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112459.html b/.history/lesson6_20260208112459.html new file mode 100644 index 0000000..d8ccd9a --- /dev/null +++ b/.history/lesson6_20260208112459.html @@ -0,0 +1,27 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112503.html b/.history/lesson6_20260208112503.html new file mode 100644 index 0000000..989d90b --- /dev/null +++ b/.history/lesson6_20260208112503.html @@ -0,0 +1,27 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112534.html b/.history/lesson6_20260208112534.html new file mode 100644 index 0000000..e5c94f0 --- /dev/null +++ b/.history/lesson6_20260208112534.html @@ -0,0 +1,28 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112544.html b/.history/lesson6_20260208112544.html new file mode 100644 index 0000000..850d847 --- /dev/null +++ b/.history/lesson6_20260208112544.html @@ -0,0 +1,28 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112545.html b/.history/lesson6_20260208112545.html new file mode 100644 index 0000000..ba83b1f --- /dev/null +++ b/.history/lesson6_20260208112545.html @@ -0,0 +1,28 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112602.html b/.history/lesson6_20260208112602.html new file mode 100644 index 0000000..7c68975 --- /dev/null +++ b/.history/lesson6_20260208112602.html @@ -0,0 +1,29 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112604.html b/.history/lesson6_20260208112604.html new file mode 100644 index 0000000..afd85d9 --- /dev/null +++ b/.history/lesson6_20260208112604.html @@ -0,0 +1,29 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112605.html b/.history/lesson6_20260208112605.html new file mode 100644 index 0000000..4f35ea9 --- /dev/null +++ b/.history/lesson6_20260208112605.html @@ -0,0 +1,29 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112616.html b/.history/lesson6_20260208112616.html new file mode 100644 index 0000000..6240ce7 --- /dev/null +++ b/.history/lesson6_20260208112616.html @@ -0,0 +1,30 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112618.html b/.history/lesson6_20260208112618.html new file mode 100644 index 0000000..c914d8a --- /dev/null +++ b/.history/lesson6_20260208112618.html @@ -0,0 +1,30 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112628.html b/.history/lesson6_20260208112628.html new file mode 100644 index 0000000..ed2bb2a --- /dev/null +++ b/.history/lesson6_20260208112628.html @@ -0,0 +1,31 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112630.html b/.history/lesson6_20260208112630.html new file mode 100644 index 0000000..3ab734f --- /dev/null +++ b/.history/lesson6_20260208112630.html @@ -0,0 +1,31 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112633.html b/.history/lesson6_20260208112633.html new file mode 100644 index 0000000..5b51b00 --- /dev/null +++ b/.history/lesson6_20260208112633.html @@ -0,0 +1,31 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112638.html b/.history/lesson6_20260208112638.html new file mode 100644 index 0000000..3705690 --- /dev/null +++ b/.history/lesson6_20260208112638.html @@ -0,0 +1,31 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112642.html b/.history/lesson6_20260208112642.html new file mode 100644 index 0000000..8f293a4 --- /dev/null +++ b/.history/lesson6_20260208112642.html @@ -0,0 +1,31 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112646.html b/.history/lesson6_20260208112646.html new file mode 100644 index 0000000..45b4ae7 --- /dev/null +++ b/.history/lesson6_20260208112646.html @@ -0,0 +1,31 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112703.html b/.history/lesson6_20260208112703.html new file mode 100644 index 0000000..a33b201 --- /dev/null +++ b/.history/lesson6_20260208112703.html @@ -0,0 +1,32 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112704.html b/.history/lesson6_20260208112704.html new file mode 100644 index 0000000..8a74b44 --- /dev/null +++ b/.history/lesson6_20260208112704.html @@ -0,0 +1,32 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112805.html b/.history/lesson6_20260208112805.html new file mode 100644 index 0000000..98a13b4 --- /dev/null +++ b/.history/lesson6_20260208112805.html @@ -0,0 +1,33 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112809.html b/.history/lesson6_20260208112809.html new file mode 100644 index 0000000..aa48414 --- /dev/null +++ b/.history/lesson6_20260208112809.html @@ -0,0 +1,33 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112812.html b/.history/lesson6_20260208112812.html new file mode 100644 index 0000000..b606e3c --- /dev/null +++ b/.history/lesson6_20260208112812.html @@ -0,0 +1,33 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112814.html b/.history/lesson6_20260208112814.html new file mode 100644 index 0000000..4225bd3 --- /dev/null +++ b/.history/lesson6_20260208112814.html @@ -0,0 +1,33 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112816.html b/.history/lesson6_20260208112816.html new file mode 100644 index 0000000..8d9601e --- /dev/null +++ b/.history/lesson6_20260208112816.html @@ -0,0 +1,33 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112820.html b/.history/lesson6_20260208112820.html new file mode 100644 index 0000000..7d777a5 --- /dev/null +++ b/.history/lesson6_20260208112820.html @@ -0,0 +1,33 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112821.html b/.history/lesson6_20260208112821.html new file mode 100644 index 0000000..d9ad73a --- /dev/null +++ b/.history/lesson6_20260208112821.html @@ -0,0 +1,33 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112904.html b/.history/lesson6_20260208112904.html new file mode 100644 index 0000000..cb498ce --- /dev/null +++ b/.history/lesson6_20260208112904.html @@ -0,0 +1,34 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112910.html b/.history/lesson6_20260208112910.html new file mode 100644 index 0000000..8a199c4 --- /dev/null +++ b/.history/lesson6_20260208112910.html @@ -0,0 +1,34 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112914.html b/.history/lesson6_20260208112914.html new file mode 100644 index 0000000..ec4caf6 --- /dev/null +++ b/.history/lesson6_20260208112914.html @@ -0,0 +1,34 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112917.html b/.history/lesson6_20260208112917.html new file mode 100644 index 0000000..b84a81e --- /dev/null +++ b/.history/lesson6_20260208112917.html @@ -0,0 +1,34 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112929.html b/.history/lesson6_20260208112929.html new file mode 100644 index 0000000..3330a42 --- /dev/null +++ b/.history/lesson6_20260208112929.html @@ -0,0 +1,34 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112952.html b/.history/lesson6_20260208112952.html new file mode 100644 index 0000000..df2afcf --- /dev/null +++ b/.history/lesson6_20260208112952.html @@ -0,0 +1,35 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112954.html b/.history/lesson6_20260208112954.html new file mode 100644 index 0000000..2c800cd --- /dev/null +++ b/.history/lesson6_20260208112954.html @@ -0,0 +1,35 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208112955.html b/.history/lesson6_20260208112955.html new file mode 100644 index 0000000..55f5a35 --- /dev/null +++ b/.history/lesson6_20260208112955.html @@ -0,0 +1,35 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113030.html b/.history/lesson6_20260208113030.html new file mode 100644 index 0000000..527c0f9 --- /dev/null +++ b/.history/lesson6_20260208113030.html @@ -0,0 +1,35 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113034.html b/.history/lesson6_20260208113034.html new file mode 100644 index 0000000..49661b1 --- /dev/null +++ b/.history/lesson6_20260208113034.html @@ -0,0 +1,35 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113050.html b/.history/lesson6_20260208113050.html new file mode 100644 index 0000000..9471808 --- /dev/null +++ b/.history/lesson6_20260208113050.html @@ -0,0 +1,36 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113100.html b/.history/lesson6_20260208113100.html new file mode 100644 index 0000000..59c3457 --- /dev/null +++ b/.history/lesson6_20260208113100.html @@ -0,0 +1,36 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113204.html b/.history/lesson6_20260208113204.html new file mode 100644 index 0000000..306a318 --- /dev/null +++ b/.history/lesson6_20260208113204.html @@ -0,0 +1,36 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113211.html b/.history/lesson6_20260208113211.html new file mode 100644 index 0000000..a492082 --- /dev/null +++ b/.history/lesson6_20260208113211.html @@ -0,0 +1,36 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113230.html b/.history/lesson6_20260208113230.html new file mode 100644 index 0000000..218e52d --- /dev/null +++ b/.history/lesson6_20260208113230.html @@ -0,0 +1,37 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113236.html b/.history/lesson6_20260208113236.html new file mode 100644 index 0000000..fb6d4f0 --- /dev/null +++ b/.history/lesson6_20260208113236.html @@ -0,0 +1,37 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113238.html b/.history/lesson6_20260208113238.html new file mode 100644 index 0000000..a95cc58 --- /dev/null +++ b/.history/lesson6_20260208113238.html @@ -0,0 +1,37 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113246.html b/.history/lesson6_20260208113246.html new file mode 100644 index 0000000..a7649af --- /dev/null +++ b/.history/lesson6_20260208113246.html @@ -0,0 +1,37 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113250.html b/.history/lesson6_20260208113250.html new file mode 100644 index 0000000..9b50cf2 --- /dev/null +++ b/.history/lesson6_20260208113250.html @@ -0,0 +1,37 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113251.html b/.history/lesson6_20260208113251.html new file mode 100644 index 0000000..524f4dd --- /dev/null +++ b/.history/lesson6_20260208113251.html @@ -0,0 +1,37 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113332.html b/.history/lesson6_20260208113332.html new file mode 100644 index 0000000..9a96e7a --- /dev/null +++ b/.history/lesson6_20260208113332.html @@ -0,0 +1,39 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113335.html b/.history/lesson6_20260208113335.html new file mode 100644 index 0000000..c33e634 --- /dev/null +++ b/.history/lesson6_20260208113335.html @@ -0,0 +1,39 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113338.html b/.history/lesson6_20260208113338.html new file mode 100644 index 0000000..0d27db9 --- /dev/null +++ b/.history/lesson6_20260208113338.html @@ -0,0 +1,39 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113341.html b/.history/lesson6_20260208113341.html new file mode 100644 index 0000000..301faa0 --- /dev/null +++ b/.history/lesson6_20260208113341.html @@ -0,0 +1,39 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113342.html b/.history/lesson6_20260208113342.html new file mode 100644 index 0000000..0b4a271 --- /dev/null +++ b/.history/lesson6_20260208113342.html @@ -0,0 +1,39 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113348.html b/.history/lesson6_20260208113348.html new file mode 100644 index 0000000..746a74c --- /dev/null +++ b/.history/lesson6_20260208113348.html @@ -0,0 +1,40 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113349.html b/.history/lesson6_20260208113349.html new file mode 100644 index 0000000..e59b126 --- /dev/null +++ b/.history/lesson6_20260208113349.html @@ -0,0 +1,40 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113353.html b/.history/lesson6_20260208113353.html new file mode 100644 index 0000000..11d0327 --- /dev/null +++ b/.history/lesson6_20260208113353.html @@ -0,0 +1,40 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113423.html b/.history/lesson6_20260208113423.html new file mode 100644 index 0000000..32bed39 --- /dev/null +++ b/.history/lesson6_20260208113423.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113425.html b/.history/lesson6_20260208113425.html new file mode 100644 index 0000000..287a72d --- /dev/null +++ b/.history/lesson6_20260208113425.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113429.html b/.history/lesson6_20260208113429.html new file mode 100644 index 0000000..8a18c14 --- /dev/null +++ b/.history/lesson6_20260208113429.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113435.html b/.history/lesson6_20260208113435.html new file mode 100644 index 0000000..99ebdb2 --- /dev/null +++ b/.history/lesson6_20260208113435.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113446.html b/.history/lesson6_20260208113446.html new file mode 100644 index 0000000..8a5497c --- /dev/null +++ b/.history/lesson6_20260208113446.html @@ -0,0 +1,45 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113507.html b/.history/lesson6_20260208113507.html new file mode 100644 index 0000000..32bed39 --- /dev/null +++ b/.history/lesson6_20260208113507.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113852.html b/.history/lesson6_20260208113852.html new file mode 100644 index 0000000..287a72d --- /dev/null +++ b/.history/lesson6_20260208113852.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113857.html b/.history/lesson6_20260208113857.html new file mode 100644 index 0000000..8a18c14 --- /dev/null +++ b/.history/lesson6_20260208113857.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113926.html b/.history/lesson6_20260208113926.html new file mode 100644 index 0000000..a7f1f41 --- /dev/null +++ b/.history/lesson6_20260208113926.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113929.html b/.history/lesson6_20260208113929.html new file mode 100644 index 0000000..7f4ada8 --- /dev/null +++ b/.history/lesson6_20260208113929.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113938.html b/.history/lesson6_20260208113938.html new file mode 100644 index 0000000..51cf672 --- /dev/null +++ b/.history/lesson6_20260208113938.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113939.html b/.history/lesson6_20260208113939.html new file mode 100644 index 0000000..51cf672 --- /dev/null +++ b/.history/lesson6_20260208113939.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113940.html b/.history/lesson6_20260208113940.html new file mode 100644 index 0000000..8974d0d --- /dev/null +++ b/.history/lesson6_20260208113940.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113943.html b/.history/lesson6_20260208113943.html new file mode 100644 index 0000000..fe6d795 --- /dev/null +++ b/.history/lesson6_20260208113943.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113945.html b/.history/lesson6_20260208113945.html new file mode 100644 index 0000000..d250b39 --- /dev/null +++ b/.history/lesson6_20260208113945.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113950.html b/.history/lesson6_20260208113950.html new file mode 100644 index 0000000..c7a241c --- /dev/null +++ b/.history/lesson6_20260208113950.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208113959.html b/.history/lesson6_20260208113959.html new file mode 100644 index 0000000..baf44d1 --- /dev/null +++ b/.history/lesson6_20260208113959.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114022.html b/.history/lesson6_20260208114022.html new file mode 100644 index 0000000..2a695c4 --- /dev/null +++ b/.history/lesson6_20260208114022.html @@ -0,0 +1,45 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114028.html b/.history/lesson6_20260208114028.html new file mode 100644 index 0000000..218e65b --- /dev/null +++ b/.history/lesson6_20260208114028.html @@ -0,0 +1,45 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114045.html b/.history/lesson6_20260208114045.html new file mode 100644 index 0000000..9435f71 --- /dev/null +++ b/.history/lesson6_20260208114045.html @@ -0,0 +1,46 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114049.html b/.history/lesson6_20260208114049.html new file mode 100644 index 0000000..0cccd0f --- /dev/null +++ b/.history/lesson6_20260208114049.html @@ -0,0 +1,46 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114053.html b/.history/lesson6_20260208114053.html new file mode 100644 index 0000000..e0daeed --- /dev/null +++ b/.history/lesson6_20260208114053.html @@ -0,0 +1,46 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114059.html b/.history/lesson6_20260208114059.html new file mode 100644 index 0000000..98f5736 --- /dev/null +++ b/.history/lesson6_20260208114059.html @@ -0,0 +1,48 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114119.html b/.history/lesson6_20260208114119.html new file mode 100644 index 0000000..f5c304d --- /dev/null +++ b/.history/lesson6_20260208114119.html @@ -0,0 +1,48 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114121.html b/.history/lesson6_20260208114121.html new file mode 100644 index 0000000..5611504 --- /dev/null +++ b/.history/lesson6_20260208114121.html @@ -0,0 +1,48 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114134.html b/.history/lesson6_20260208114134.html new file mode 100644 index 0000000..645eb51 --- /dev/null +++ b/.history/lesson6_20260208114134.html @@ -0,0 +1,48 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114207.html b/.history/lesson6_20260208114207.html new file mode 100644 index 0000000..baf44d1 --- /dev/null +++ b/.history/lesson6_20260208114207.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114252.html b/.history/lesson6_20260208114252.html new file mode 100644 index 0000000..287a72d --- /dev/null +++ b/.history/lesson6_20260208114252.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114254.html b/.history/lesson6_20260208114254.html new file mode 100644 index 0000000..8a18c14 --- /dev/null +++ b/.history/lesson6_20260208114254.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114308.html b/.history/lesson6_20260208114308.html new file mode 100644 index 0000000..14b8b8c --- /dev/null +++ b/.history/lesson6_20260208114308.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114309.html b/.history/lesson6_20260208114309.html new file mode 100644 index 0000000..59e471b --- /dev/null +++ b/.history/lesson6_20260208114309.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114311.html b/.history/lesson6_20260208114311.html new file mode 100644 index 0000000..a7f1f41 --- /dev/null +++ b/.history/lesson6_20260208114311.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114337.html b/.history/lesson6_20260208114337.html new file mode 100644 index 0000000..a7f1f41 --- /dev/null +++ b/.history/lesson6_20260208114337.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114339.html b/.history/lesson6_20260208114339.html new file mode 100644 index 0000000..e31de2a --- /dev/null +++ b/.history/lesson6_20260208114339.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114442.html b/.history/lesson6_20260208114442.html new file mode 100644 index 0000000..9bbe483 --- /dev/null +++ b/.history/lesson6_20260208114442.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114454.html b/.history/lesson6_20260208114454.html new file mode 100644 index 0000000..947a947 --- /dev/null +++ b/.history/lesson6_20260208114454.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114507.html b/.history/lesson6_20260208114507.html new file mode 100644 index 0000000..005e4f2 --- /dev/null +++ b/.history/lesson6_20260208114507.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114517.html b/.history/lesson6_20260208114517.html new file mode 100644 index 0000000..6831067 --- /dev/null +++ b/.history/lesson6_20260208114517.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114518.html b/.history/lesson6_20260208114518.html new file mode 100644 index 0000000..185dbb0 --- /dev/null +++ b/.history/lesson6_20260208114518.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114525.html b/.history/lesson6_20260208114525.html new file mode 100644 index 0000000..27ae60d --- /dev/null +++ b/.history/lesson6_20260208114525.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114528.html b/.history/lesson6_20260208114528.html new file mode 100644 index 0000000..98ae719 --- /dev/null +++ b/.history/lesson6_20260208114528.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114529.html b/.history/lesson6_20260208114529.html new file mode 100644 index 0000000..a6adb92 --- /dev/null +++ b/.history/lesson6_20260208114529.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114543.html b/.history/lesson6_20260208114543.html new file mode 100644 index 0000000..ec1291a --- /dev/null +++ b/.history/lesson6_20260208114543.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114600.html b/.history/lesson6_20260208114600.html new file mode 100644 index 0000000..b4959d4 --- /dev/null +++ b/.history/lesson6_20260208114600.html @@ -0,0 +1,45 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114603.html b/.history/lesson6_20260208114603.html new file mode 100644 index 0000000..12f6715 --- /dev/null +++ b/.history/lesson6_20260208114603.html @@ -0,0 +1,44 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114605.html b/.history/lesson6_20260208114605.html new file mode 100644 index 0000000..ec1291a --- /dev/null +++ b/.history/lesson6_20260208114605.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114607.html b/.history/lesson6_20260208114607.html new file mode 100644 index 0000000..d658546 --- /dev/null +++ b/.history/lesson6_20260208114607.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114624.html b/.history/lesson6_20260208114624.html new file mode 100644 index 0000000..8a3fca1 --- /dev/null +++ b/.history/lesson6_20260208114624.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114744.html b/.history/lesson6_20260208114744.html new file mode 100644 index 0000000..0592ae2 --- /dev/null +++ b/.history/lesson6_20260208114744.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114746.html b/.history/lesson6_20260208114746.html new file mode 100644 index 0000000..8a3fca1 --- /dev/null +++ b/.history/lesson6_20260208114746.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114747.html b/.history/lesson6_20260208114747.html new file mode 100644 index 0000000..32bed39 --- /dev/null +++ b/.history/lesson6_20260208114747.html @@ -0,0 +1,41 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114750.html b/.history/lesson6_20260208114750.html new file mode 100644 index 0000000..30427b3 --- /dev/null +++ b/.history/lesson6_20260208114750.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114814.html b/.history/lesson6_20260208114814.html new file mode 100644 index 0000000..7bda883 --- /dev/null +++ b/.history/lesson6_20260208114814.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114826.html b/.history/lesson6_20260208114826.html new file mode 100644 index 0000000..4e9afe0 --- /dev/null +++ b/.history/lesson6_20260208114826.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114835.html b/.history/lesson6_20260208114835.html new file mode 100644 index 0000000..8a3fca1 --- /dev/null +++ b/.history/lesson6_20260208114835.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114847.html b/.history/lesson6_20260208114847.html new file mode 100644 index 0000000..f168b75 --- /dev/null +++ b/.history/lesson6_20260208114847.html @@ -0,0 +1,45 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114857.html b/.history/lesson6_20260208114857.html new file mode 100644 index 0000000..d95f9e3 --- /dev/null +++ b/.history/lesson6_20260208114857.html @@ -0,0 +1,45 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208114925.html b/.history/lesson6_20260208114925.html new file mode 100644 index 0000000..ec1291a --- /dev/null +++ b/.history/lesson6_20260208114925.html @@ -0,0 +1,43 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115046.html b/.history/lesson6_20260208115046.html new file mode 100644 index 0000000..12f6715 --- /dev/null +++ b/.history/lesson6_20260208115046.html @@ -0,0 +1,44 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115058.html b/.history/lesson6_20260208115058.html new file mode 100644 index 0000000..7f06824 --- /dev/null +++ b/.history/lesson6_20260208115058.html @@ -0,0 +1,44 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115103.html b/.history/lesson6_20260208115103.html new file mode 100644 index 0000000..bc82136 --- /dev/null +++ b/.history/lesson6_20260208115103.html @@ -0,0 +1,44 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115104.html b/.history/lesson6_20260208115104.html new file mode 100644 index 0000000..6313cd7 --- /dev/null +++ b/.history/lesson6_20260208115104.html @@ -0,0 +1,44 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115105.html b/.history/lesson6_20260208115105.html new file mode 100644 index 0000000..6313cd7 --- /dev/null +++ b/.history/lesson6_20260208115105.html @@ -0,0 +1,44 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115108.html b/.history/lesson6_20260208115108.html new file mode 100644 index 0000000..5c0729f --- /dev/null +++ b/.history/lesson6_20260208115108.html @@ -0,0 +1,44 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115121.html b/.history/lesson6_20260208115121.html new file mode 100644 index 0000000..e7af448 --- /dev/null +++ b/.history/lesson6_20260208115121.html @@ -0,0 +1,44 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115122.html b/.history/lesson6_20260208115122.html new file mode 100644 index 0000000..b5c394f --- /dev/null +++ b/.history/lesson6_20260208115122.html @@ -0,0 +1,46 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115125.html b/.history/lesson6_20260208115125.html new file mode 100644 index 0000000..4b0cf7d --- /dev/null +++ b/.history/lesson6_20260208115125.html @@ -0,0 +1,46 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115136.html b/.history/lesson6_20260208115136.html new file mode 100644 index 0000000..6ff2e67 --- /dev/null +++ b/.history/lesson6_20260208115136.html @@ -0,0 +1,50 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115138.html b/.history/lesson6_20260208115138.html new file mode 100644 index 0000000..64e336b --- /dev/null +++ b/.history/lesson6_20260208115138.html @@ -0,0 +1,50 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115243.html b/.history/lesson6_20260208115243.html new file mode 100644 index 0000000..0d5eab1 --- /dev/null +++ b/.history/lesson6_20260208115243.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115248.html b/.history/lesson6_20260208115248.html new file mode 100644 index 0000000..b11b1e1 --- /dev/null +++ b/.history/lesson6_20260208115248.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115251.html b/.history/lesson6_20260208115251.html new file mode 100644 index 0000000..a129736 --- /dev/null +++ b/.history/lesson6_20260208115251.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115252.html b/.history/lesson6_20260208115252.html new file mode 100644 index 0000000..c53e5c2 --- /dev/null +++ b/.history/lesson6_20260208115252.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115253.html b/.history/lesson6_20260208115253.html new file mode 100644 index 0000000..ea3ce75 --- /dev/null +++ b/.history/lesson6_20260208115253.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115256.html b/.history/lesson6_20260208115256.html new file mode 100644 index 0000000..e35a787 --- /dev/null +++ b/.history/lesson6_20260208115256.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115300.html b/.history/lesson6_20260208115300.html new file mode 100644 index 0000000..b92e52c --- /dev/null +++ b/.history/lesson6_20260208115300.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115329.html b/.history/lesson6_20260208115329.html new file mode 100644 index 0000000..7957fa1 --- /dev/null +++ b/.history/lesson6_20260208115329.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115354.html b/.history/lesson6_20260208115354.html new file mode 100644 index 0000000..9e84890 --- /dev/null +++ b/.history/lesson6_20260208115354.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115357.html b/.history/lesson6_20260208115357.html new file mode 100644 index 0000000..7957fa1 --- /dev/null +++ b/.history/lesson6_20260208115357.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115429.html b/.history/lesson6_20260208115429.html new file mode 100644 index 0000000..05752a4 --- /dev/null +++ b/.history/lesson6_20260208115429.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115445.html b/.history/lesson6_20260208115445.html new file mode 100644 index 0000000..2941d4f --- /dev/null +++ b/.history/lesson6_20260208115445.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115447.html b/.history/lesson6_20260208115447.html new file mode 100644 index 0000000..9c4367e --- /dev/null +++ b/.history/lesson6_20260208115447.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115839.html b/.history/lesson6_20260208115839.html new file mode 100644 index 0000000..046991d --- /dev/null +++ b/.history/lesson6_20260208115839.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115844.html b/.history/lesson6_20260208115844.html new file mode 100644 index 0000000..4152236 --- /dev/null +++ b/.history/lesson6_20260208115844.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115845.html b/.history/lesson6_20260208115845.html new file mode 100644 index 0000000..dec8a9e --- /dev/null +++ b/.history/lesson6_20260208115845.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115847.html b/.history/lesson6_20260208115847.html new file mode 100644 index 0000000..dec8a9e --- /dev/null +++ b/.history/lesson6_20260208115847.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115849.html b/.history/lesson6_20260208115849.html new file mode 100644 index 0000000..c0eff82 --- /dev/null +++ b/.history/lesson6_20260208115849.html @@ -0,0 +1,47 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115852.html b/.history/lesson6_20260208115852.html new file mode 100644 index 0000000..9359752 --- /dev/null +++ b/.history/lesson6_20260208115852.html @@ -0,0 +1,50 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115857.html b/.history/lesson6_20260208115857.html new file mode 100644 index 0000000..209957f --- /dev/null +++ b/.history/lesson6_20260208115857.html @@ -0,0 +1,46 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115921.html b/.history/lesson6_20260208115921.html new file mode 100644 index 0000000..949c899 --- /dev/null +++ b/.history/lesson6_20260208115921.html @@ -0,0 +1,46 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115933.html b/.history/lesson6_20260208115933.html new file mode 100644 index 0000000..576534c --- /dev/null +++ b/.history/lesson6_20260208115933.html @@ -0,0 +1,46 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208115935.html b/.history/lesson6_20260208115935.html new file mode 100644 index 0000000..70569e8 --- /dev/null +++ b/.history/lesson6_20260208115935.html @@ -0,0 +1,46 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208120026.html b/.history/lesson6_20260208120026.html new file mode 100644 index 0000000..ec6716c --- /dev/null +++ b/.history/lesson6_20260208120026.html @@ -0,0 +1,45 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/lesson6_20260208120053.html b/.history/lesson6_20260208120053.html new file mode 100644 index 0000000..7a9943f --- /dev/null +++ b/.history/lesson6_20260208120053.html @@ -0,0 +1,45 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201103102.css b/.history/notes/lesson5_20260201103102.css new file mode 100644 index 0000000..e69de29 diff --git a/.history/notes/lesson5_20260201103102.html b/.history/notes/lesson5_20260201103102.html new file mode 100644 index 0000000..e69de29 diff --git a/.history/notes/lesson5_20260201103558.html b/.history/notes/lesson5_20260201103558.html new file mode 100644 index 0000000..724f4d4 --- /dev/null +++ b/.history/notes/lesson5_20260201103558.html @@ -0,0 +1 @@ +html \ No newline at end of file diff --git a/.history/notes/lesson5_20260201103600.html b/.history/notes/lesson5_20260201103600.html new file mode 100644 index 0000000..d01f779 --- /dev/null +++ b/.history/notes/lesson5_20260201103600.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201103604.html b/.history/notes/lesson5_20260201103604.html new file mode 100644 index 0000000..704c86f --- /dev/null +++ b/.history/notes/lesson5_20260201103604.html @@ -0,0 +1,11 @@ + + + + + + Lesson 5 + + + + + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201103607.html b/.history/notes/lesson5_20260201103607.html new file mode 100644 index 0000000..a2354f3 --- /dev/null +++ b/.history/notes/lesson5_20260201103607.html @@ -0,0 +1,12 @@ + + + + + + Lesson 5 + + + + + + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201103609.html b/.history/notes/lesson5_20260201103609.html new file mode 100644 index 0000000..b1cec42 --- /dev/null +++ b/.history/notes/lesson5_20260201103609.html @@ -0,0 +1,12 @@ + + + + + + Lesson 5 + + + + + + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201103611.html b/.history/notes/lesson5_20260201103611.html new file mode 100644 index 0000000..9020586 --- /dev/null +++ b/.history/notes/lesson5_20260201103611.html @@ -0,0 +1,12 @@ + + + + + + Lesson 5 + + + + + + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201103628.css b/.history/notes/lesson5_20260201103628.css new file mode 100644 index 0000000..cd7057a --- /dev/null +++ b/.history/notes/lesson5_20260201103628.css @@ -0,0 +1,3 @@ +*{ + mar +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201103638.css b/.history/notes/lesson5_20260201103638.css new file mode 100644 index 0000000..3957dc0 --- /dev/null +++ b/.history/notes/lesson5_20260201103638.css @@ -0,0 +1,5 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104311.html b/.history/notes/lesson5_20260201104311.html new file mode 100644 index 0000000..1353371 --- /dev/null +++ b/.history/notes/lesson5_20260201104311.html @@ -0,0 +1,12 @@ + + + + + + Lesson 5 + + + +
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104315.html b/.history/notes/lesson5_20260201104315.html new file mode 100644 index 0000000..b153ede --- /dev/null +++ b/.history/notes/lesson5_20260201104315.html @@ -0,0 +1,14 @@ + + + + + + Lesson 5 + + + +
+ +
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104318.html b/.history/notes/lesson5_20260201104318.html new file mode 100644 index 0000000..c510c86 --- /dev/null +++ b/.history/notes/lesson5_20260201104318.html @@ -0,0 +1,14 @@ + + + + + + Lesson 5 + + + +
+ +
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104320.html b/.history/notes/lesson5_20260201104320.html new file mode 100644 index 0000000..d729089 --- /dev/null +++ b/.history/notes/lesson5_20260201104320.html @@ -0,0 +1,14 @@ + + + + + + Lesson 5 + + + +
+ div +
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104330.html b/.history/notes/lesson5_20260201104330.html new file mode 100644 index 0000000..99d2931 --- /dev/null +++ b/.history/notes/lesson5_20260201104330.html @@ -0,0 +1,16 @@ + + + + + + Lesson 5 + + + +
+
+ +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104334.html b/.history/notes/lesson5_20260201104334.html new file mode 100644 index 0000000..ff7a8d3 --- /dev/null +++ b/.history/notes/lesson5_20260201104334.html @@ -0,0 +1,16 @@ + + + + + + Lesson 5 + + + +
+
+ +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104338.html b/.history/notes/lesson5_20260201104338.html new file mode 100644 index 0000000..513cef5 --- /dev/null +++ b/.history/notes/lesson5_20260201104338.html @@ -0,0 +1,16 @@ + + + + + + Lesson 5 + + + +
+
+ Grid 1 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104341.html b/.history/notes/lesson5_20260201104341.html new file mode 100644 index 0000000..3143eb6 --- /dev/null +++ b/.history/notes/lesson5_20260201104341.html @@ -0,0 +1,17 @@ + + + + + + Lesson 5 + + + +
+
+ Grid 1 +
+ +
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104349.html b/.history/notes/lesson5_20260201104349.html new file mode 100644 index 0000000..f677370 --- /dev/null +++ b/.history/notes/lesson5_20260201104349.html @@ -0,0 +1,25 @@ + + + + + + Lesson 5 + + + +
+
+ Grid 1 +
+
+ Grid 1 +
+
+ Grid 1 +
+
+ Grid 1 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104352.html b/.history/notes/lesson5_20260201104352.html new file mode 100644 index 0000000..6d4d1a8 --- /dev/null +++ b/.history/notes/lesson5_20260201104352.html @@ -0,0 +1,25 @@ + + + + + + Lesson 5 + + + +
+
+ Grid 1 +
+
+ Grid 2 +
+
+ Grid 1 +
+
+ Grid 1 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104353.html b/.history/notes/lesson5_20260201104353.html new file mode 100644 index 0000000..703b7c9 --- /dev/null +++ b/.history/notes/lesson5_20260201104353.html @@ -0,0 +1,25 @@ + + + + + + Lesson 5 + + + +
+
+ Grid 1 +
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 1 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104356.html b/.history/notes/lesson5_20260201104356.html new file mode 100644 index 0000000..abdcdef --- /dev/null +++ b/.history/notes/lesson5_20260201104356.html @@ -0,0 +1,25 @@ + + + + + + Lesson 5 + + + +
+
+ Grid 1 +
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104406.css b/.history/notes/lesson5_20260201104406.css new file mode 100644 index 0000000..4c9ab30 --- /dev/null +++ b/.history/notes/lesson5_20260201104406.css @@ -0,0 +1,6 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + diff --git a/.history/notes/lesson5_20260201104408.css b/.history/notes/lesson5_20260201104408.css new file mode 100644 index 0000000..aa04246 --- /dev/null +++ b/.history/notes/lesson5_20260201104408.css @@ -0,0 +1,7 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104410.css b/.history/notes/lesson5_20260201104410.css new file mode 100644 index 0000000..a457760 --- /dev/null +++ b/.history/notes/lesson5_20260201104410.css @@ -0,0 +1,9 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104413.css b/.history/notes/lesson5_20260201104413.css new file mode 100644 index 0000000..f1c18a3 --- /dev/null +++ b/.history/notes/lesson5_20260201104413.css @@ -0,0 +1,9 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + dis +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104414.css b/.history/notes/lesson5_20260201104414.css new file mode 100644 index 0000000..7d9b68d --- /dev/null +++ b/.history/notes/lesson5_20260201104414.css @@ -0,0 +1,9 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: ; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104418.css b/.history/notes/lesson5_20260201104418.css new file mode 100644 index 0000000..c5d1cd5 --- /dev/null +++ b/.history/notes/lesson5_20260201104418.css @@ -0,0 +1,9 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104427.css b/.history/notes/lesson5_20260201104427.css new file mode 100644 index 0000000..b258595 --- /dev/null +++ b/.history/notes/lesson5_20260201104427.css @@ -0,0 +1,10 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104443.css b/.history/notes/lesson5_20260201104443.css new file mode 100644 index 0000000..42ed7b3 --- /dev/null +++ b/.history/notes/lesson5_20260201104443.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104445.css b/.history/notes/lesson5_20260201104445.css new file mode 100644 index 0000000..1755ea1 --- /dev/null +++ b/.history/notes/lesson5_20260201104445.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + g +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104450.css b/.history/notes/lesson5_20260201104450.css new file mode 100644 index 0000000..e4c3b0d --- /dev/null +++ b/.history/notes/lesson5_20260201104450.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + gri +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104504.css b/.history/notes/lesson5_20260201104504.css new file mode 100644 index 0000000..dbee43f --- /dev/null +++ b/.history/notes/lesson5_20260201104504.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: ; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104514.css b/.history/notes/lesson5_20260201104514.css new file mode 100644 index 0000000..a4041c6 --- /dev/null +++ b/.history/notes/lesson5_20260201104514.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: re; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104518.css b/.history/notes/lesson5_20260201104518.css new file mode 100644 index 0000000..0d8e771 --- /dev/null +++ b/.history/notes/lesson5_20260201104518.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(); +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104520.css b/.history/notes/lesson5_20260201104520.css new file mode 100644 index 0000000..0d8e771 --- /dev/null +++ b/.history/notes/lesson5_20260201104520.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(); +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104531.css b/.history/notes/lesson5_20260201104531.css new file mode 100644 index 0000000..7e1a616 --- /dev/null +++ b/.history/notes/lesson5_20260201104531.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4); +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104538.css b/.history/notes/lesson5_20260201104538.css new file mode 100644 index 0000000..1dcea11 --- /dev/null +++ b/.history/notes/lesson5_20260201104538.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax()); +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104551.css b/.history/notes/lesson5_20260201104551.css new file mode 100644 index 0000000..8e4a112 --- /dev/null +++ b/.history/notes/lesson5_20260201104551.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0)); +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104552.css b/.history/notes/lesson5_20260201104552.css new file mode 100644 index 0000000..8a84447 --- /dev/null +++ b/.history/notes/lesson5_20260201104552.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0,)); +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104605.css b/.history/notes/lesson5_20260201104605.css new file mode 100644 index 0000000..2c54253 --- /dev/null +++ b/.history/notes/lesson5_20260201104605.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104618.css b/.history/notes/lesson5_20260201104618.css new file mode 100644 index 0000000..6204d49 --- /dev/null +++ b/.history/notes/lesson5_20260201104618.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-row: repeat(4, minmax(0, 1fr)); +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104621.css b/.history/notes/lesson5_20260201104621.css new file mode 100644 index 0000000..66dc7ed --- /dev/null +++ b/.history/notes/lesson5_20260201104621.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template: repeat(4, minmax(0, 1fr)); +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104623.css b/.history/notes/lesson5_20260201104623.css new file mode 100644 index 0000000..8245af1 --- /dev/null +++ b/.history/notes/lesson5_20260201104623.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-rows: repeat(4, minmax(0, 1fr)); +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104631.css b/.history/notes/lesson5_20260201104631.css new file mode 100644 index 0000000..47f517b --- /dev/null +++ b/.history/notes/lesson5_20260201104631.css @@ -0,0 +1,12 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-rows: repeat(4, minmax(0, 1fr)); + gao +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104633.css b/.history/notes/lesson5_20260201104633.css new file mode 100644 index 0000000..b29e398 --- /dev/null +++ b/.history/notes/lesson5_20260201104633.css @@ -0,0 +1,12 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-rows: repeat(4, minmax(0, 1fr)); + gap +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104643.css b/.history/notes/lesson5_20260201104643.css new file mode 100644 index 0000000..a52a797 --- /dev/null +++ b/.history/notes/lesson5_20260201104643.css @@ -0,0 +1,12 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-rows: repeat(4, minmax(0, 1fr)); + row-gap: ; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104645.css b/.history/notes/lesson5_20260201104645.css new file mode 100644 index 0000000..94eb29c --- /dev/null +++ b/.history/notes/lesson5_20260201104645.css @@ -0,0 +1,12 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-rows: repeat(4, minmax(0, 1fr)); + row-gap: 20px; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104652.css b/.history/notes/lesson5_20260201104652.css new file mode 100644 index 0000000..4c593fc --- /dev/null +++ b/.history/notes/lesson5_20260201104652.css @@ -0,0 +1,12 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + row-gap: 20px; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104655.css b/.history/notes/lesson5_20260201104655.css new file mode 100644 index 0000000..11d6653 --- /dev/null +++ b/.history/notes/lesson5_20260201104655.css @@ -0,0 +1,12 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + col-gap: 20px; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104657.css b/.history/notes/lesson5_20260201104657.css new file mode 100644 index 0000000..6b34af7 --- /dev/null +++ b/.history/notes/lesson5_20260201104657.css @@ -0,0 +1,12 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104714.css b/.history/notes/lesson5_20260201104714.css new file mode 100644 index 0000000..7328d77 --- /dev/null +++ b/.history/notes/lesson5_20260201104714.css @@ -0,0 +1,14 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104717.css b/.history/notes/lesson5_20260201104717.css new file mode 100644 index 0000000..acaaad0 --- /dev/null +++ b/.history/notes/lesson5_20260201104717.css @@ -0,0 +1,16 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104719.css b/.history/notes/lesson5_20260201104719.css new file mode 100644 index 0000000..c6df1c9 --- /dev/null +++ b/.history/notes/lesson5_20260201104719.css @@ -0,0 +1,16 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + back +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104721.css b/.history/notes/lesson5_20260201104721.css new file mode 100644 index 0000000..1d8463a --- /dev/null +++ b/.history/notes/lesson5_20260201104721.css @@ -0,0 +1,16 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104725.css b/.history/notes/lesson5_20260201104725.css new file mode 100644 index 0000000..b6cd609 --- /dev/null +++ b/.history/notes/lesson5_20260201104725.css @@ -0,0 +1,17 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104730.css b/.history/notes/lesson5_20260201104730.css new file mode 100644 index 0000000..8b0f6da --- /dev/null +++ b/.history/notes/lesson5_20260201104730.css @@ -0,0 +1,17 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: wh; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104731.css b/.history/notes/lesson5_20260201104731.css new file mode 100644 index 0000000..90d7c07 --- /dev/null +++ b/.history/notes/lesson5_20260201104731.css @@ -0,0 +1,17 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104858.html b/.history/notes/lesson5_20260201104858.html new file mode 100644 index 0000000..0a0c840 --- /dev/null +++ b/.history/notes/lesson5_20260201104858.html @@ -0,0 +1,25 @@ + + + + + + Lesson 5 + + + +
+
+ Grid 1 +
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104900.html b/.history/notes/lesson5_20260201104900.html new file mode 100644 index 0000000..29b38f7 --- /dev/null +++ b/.history/notes/lesson5_20260201104900.html @@ -0,0 +1,25 @@ + + + + + + Lesson 5 + + + +
+
+ Grid 1 +
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104925.html b/.history/notes/lesson5_20260201104925.html new file mode 100644 index 0000000..ee6ee2e --- /dev/null +++ b/.history/notes/lesson5_20260201104925.html @@ -0,0 +1,25 @@ + + + + + + Lesson 5 + + + +
+
+ Grid 1 +
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104931.html b/.history/notes/lesson5_20260201104931.html new file mode 100644 index 0000000..c3f5ca2 --- /dev/null +++ b/.history/notes/lesson5_20260201104931.html @@ -0,0 +1,25 @@ + + + + + + Lesson 5 + + + +
+
+ Grid 1 +
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104939.css b/.history/notes/lesson5_20260201104939.css new file mode 100644 index 0000000..d0767a7 --- /dev/null +++ b/.history/notes/lesson5_20260201104939.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + col +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104943.css b/.history/notes/lesson5_20260201104943.css new file mode 100644 index 0000000..7c74d6a --- /dev/null +++ b/.history/notes/lesson5_20260201104943.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + col- +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104947.css b/.history/notes/lesson5_20260201104947.css new file mode 100644 index 0000000..12d8665 --- /dev/null +++ b/.history/notes/lesson5_20260201104947.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + sp +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104951.css b/.history/notes/lesson5_20260201104951.css new file mode 100644 index 0000000..4a0b19f --- /dev/null +++ b/.history/notes/lesson5_20260201104951.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + colu +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104957.css b/.history/notes/lesson5_20260201104957.css new file mode 100644 index 0000000..4b2ce56 --- /dev/null +++ b/.history/notes/lesson5_20260201104957.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + column-span: ; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201104959.css b/.history/notes/lesson5_20260201104959.css new file mode 100644 index 0000000..26031c5 --- /dev/null +++ b/.history/notes/lesson5_20260201104959.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + column-span: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105007.css b/.history/notes/lesson5_20260201105007.css new file mode 100644 index 0000000..4a0b19f --- /dev/null +++ b/.history/notes/lesson5_20260201105007.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + colu +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105009.css b/.history/notes/lesson5_20260201105009.css new file mode 100644 index 0000000..7ff3b43 --- /dev/null +++ b/.history/notes/lesson5_20260201105009.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + column-span: 3; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105024.css b/.history/notes/lesson5_20260201105024.css new file mode 100644 index 0000000..7e760c0 --- /dev/null +++ b/.history/notes/lesson5_20260201105024.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + row-span: 3; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105030.css b/.history/notes/lesson5_20260201105030.css new file mode 100644 index 0000000..bc0d10f --- /dev/null +++ b/.history/notes/lesson5_20260201105030.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + -span: 3; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105033.css b/.history/notes/lesson5_20260201105033.css new file mode 100644 index 0000000..eb60418 --- /dev/null +++ b/.history/notes/lesson5_20260201105033.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + span: 3; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105042.css b/.history/notes/lesson5_20260201105042.css new file mode 100644 index 0000000..80045e8 --- /dev/null +++ b/.history/notes/lesson5_20260201105042.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + grid +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105050.css b/.history/notes/lesson5_20260201105050.css new file mode 100644 index 0000000..f879cfd --- /dev/null +++ b/.history/notes/lesson5_20260201105050.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + grid-column: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105055.css b/.history/notes/lesson5_20260201105055.css new file mode 100644 index 0000000..ae77077 --- /dev/null +++ b/.history/notes/lesson5_20260201105055.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + grid-row: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105104.css b/.history/notes/lesson5_20260201105104.css new file mode 100644 index 0000000..aa4e8c7 --- /dev/null +++ b/.history/notes/lesson5_20260201105104.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + grid-row: 2; + col +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105106.css b/.history/notes/lesson5_20260201105106.css new file mode 100644 index 0000000..1e131e3 --- /dev/null +++ b/.history/notes/lesson5_20260201105106.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + grid-row: 2; + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105109.css b/.history/notes/lesson5_20260201105109.css new file mode 100644 index 0000000..2b9d079 --- /dev/null +++ b/.history/notes/lesson5_20260201105109.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + /* grid-row: 2; */ + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105118.css b/.history/notes/lesson5_20260201105118.css new file mode 100644 index 0000000..1e131e3 --- /dev/null +++ b/.history/notes/lesson5_20260201105118.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + grid-row: 2; + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105138.css b/.history/notes/lesson5_20260201105138.css new file mode 100644 index 0000000..ce9385a --- /dev/null +++ b/.history/notes/lesson5_20260201105138.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105145.css b/.history/notes/lesson5_20260201105145.css new file mode 100644 index 0000000..ef6dbac --- /dev/null +++ b/.history/notes/lesson5_20260201105145.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; + col +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105202.css b/.history/notes/lesson5_20260201105202.css new file mode 100644 index 0000000..83781ab --- /dev/null +++ b/.history/notes/lesson5_20260201105202.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; + column-span: ; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105203.css b/.history/notes/lesson5_20260201105203.css new file mode 100644 index 0000000..5190823 --- /dev/null +++ b/.history/notes/lesson5_20260201105203.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; + column-span: all; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105206.css b/.history/notes/lesson5_20260201105206.css new file mode 100644 index 0000000..b3fb428 --- /dev/null +++ b/.history/notes/lesson5_20260201105206.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; + column-span:; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105208.css b/.history/notes/lesson5_20260201105208.css new file mode 100644 index 0000000..684d5f9 --- /dev/null +++ b/.history/notes/lesson5_20260201105208.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ +column-span:; + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105214.css b/.history/notes/lesson5_20260201105214.css new file mode 100644 index 0000000..6df6139 --- /dev/null +++ b/.history/notes/lesson5_20260201105214.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ +column-span:all; + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105216.css b/.history/notes/lesson5_20260201105216.css new file mode 100644 index 0000000..ce9385a --- /dev/null +++ b/.history/notes/lesson5_20260201105216.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} +.col-span-2{ + columns: 2; +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105220.css b/.history/notes/lesson5_20260201105220.css new file mode 100644 index 0000000..5b18fe7 --- /dev/null +++ b/.history/notes/lesson5_20260201105220.css @@ -0,0 +1,17 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} diff --git a/.history/notes/lesson5_20260201105249.css b/.history/notes/lesson5_20260201105249.css new file mode 100644 index 0000000..390e50f --- /dev/null +++ b/.history/notes/lesson5_20260201105249.css @@ -0,0 +1,19 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@m \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105252.css b/.history/notes/lesson5_20260201105252.css new file mode 100644 index 0000000..59d9774 --- /dev/null +++ b/.history/notes/lesson5_20260201105252.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and { + +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105256.css b/.history/notes/lesson5_20260201105256.css new file mode 100644 index 0000000..7d3dfc8 --- /dev/null +++ b/.history/notes/lesson5_20260201105256.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max) { + +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105303.css b/.history/notes/lesson5_20260201105303.css new file mode 100644 index 0000000..69a4f69 --- /dev/null +++ b/.history/notes/lesson5_20260201105303.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width:500px) { + +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105305.css b/.history/notes/lesson5_20260201105305.css new file mode 100644 index 0000000..c841195 --- /dev/null +++ b/.history/notes/lesson5_20260201105305.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width:700px) { + +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105306.css b/.history/notes/lesson5_20260201105306.css new file mode 100644 index 0000000..14340c0 --- /dev/null +++ b/.history/notes/lesson5_20260201105306.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width: 700px) { + +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105312.css b/.history/notes/lesson5_20260201105312.css new file mode 100644 index 0000000..6dfeb1b --- /dev/null +++ b/.history/notes/lesson5_20260201105312.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width: 700px) { + .grid-container +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105315.css b/.history/notes/lesson5_20260201105315.css new file mode 100644 index 0000000..fdb5a2c --- /dev/null +++ b/.history/notes/lesson5_20260201105315.css @@ -0,0 +1,23 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105317.css b/.history/notes/lesson5_20260201105317.css new file mode 100644 index 0000000..defc17a --- /dev/null +++ b/.history/notes/lesson5_20260201105317.css @@ -0,0 +1,23 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: re; + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105319.css b/.history/notes/lesson5_20260201105319.css new file mode 100644 index 0000000..7848952 --- /dev/null +++ b/.history/notes/lesson5_20260201105319.css @@ -0,0 +1,23 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105324.css b/.history/notes/lesson5_20260201105324.css new file mode 100644 index 0000000..b389d28 --- /dev/null +++ b/.history/notes/lesson5_20260201105324.css @@ -0,0 +1,23 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax()); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105331.css b/.history/notes/lesson5_20260201105331.css new file mode 100644 index 0000000..f98971a --- /dev/null +++ b/.history/notes/lesson5_20260201105331.css @@ -0,0 +1,23 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(9, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105333.css b/.history/notes/lesson5_20260201105333.css new file mode 100644 index 0000000..6fe3303 --- /dev/null +++ b/.history/notes/lesson5_20260201105333.css @@ -0,0 +1,23 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + column-gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105343.css b/.history/notes/lesson5_20260201105343.css new file mode 100644 index 0000000..249026b --- /dev/null +++ b/.history/notes/lesson5_20260201105343.css @@ -0,0 +1,23 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105551.css b/.history/notes/lesson5_20260201105551.css new file mode 100644 index 0000000..6f3d6b1 --- /dev/null +++ b/.history/notes/lesson5_20260201105551.css @@ -0,0 +1,25 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105557.css b/.history/notes/lesson5_20260201105557.css new file mode 100644 index 0000000..d3a125c --- /dev/null +++ b/.history/notes/lesson5_20260201105557.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105602.css b/.history/notes/lesson5_20260201105602.css new file mode 100644 index 0000000..757c4cb --- /dev/null +++ b/.history/notes/lesson5_20260201105602.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + grid +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105604.css b/.history/notes/lesson5_20260201105604.css new file mode 100644 index 0000000..7f2d4d3 --- /dev/null +++ b/.history/notes/lesson5_20260201105604.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + grid-template-columns: ; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105608.css b/.history/notes/lesson5_20260201105608.css new file mode 100644 index 0000000..2d3fcc9 --- /dev/null +++ b/.history/notes/lesson5_20260201105608.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + grid-template-columns: repeat(); +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105616.css b/.history/notes/lesson5_20260201105616.css new file mode 100644 index 0000000..b1e2da8 --- /dev/null +++ b/.history/notes/lesson5_20260201105616.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105644.css b/.history/notes/lesson5_20260201105644.css new file mode 100644 index 0000000..d11a9a3 --- /dev/null +++ b/.history/notes/lesson5_20260201105644.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + tra +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105646.css b/.history/notes/lesson5_20260201105646.css new file mode 100644 index 0000000..cacc9e8 --- /dev/null +++ b/.history/notes/lesson5_20260201105646.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + transition: ; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105651.css b/.history/notes/lesson5_20260201105651.css new file mode 100644 index 0000000..be0e8d3 --- /dev/null +++ b/.history/notes/lesson5_20260201105651.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + transition: 0.5s; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105705.css b/.history/notes/lesson5_20260201105705.css new file mode 100644 index 0000000..5771788 --- /dev/null +++ b/.history/notes/lesson5_20260201105705.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + transition: 0.5s ease; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105723.css b/.history/notes/lesson5_20260201105723.css new file mode 100644 index 0000000..96f0631 --- /dev/null +++ b/.history/notes/lesson5_20260201105723.css @@ -0,0 +1,29 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + transition: 0.5s ease; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + background: red; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105735.css b/.history/notes/lesson5_20260201105735.css new file mode 100644 index 0000000..2983981 --- /dev/null +++ b/.history/notes/lesson5_20260201105735.css @@ -0,0 +1,29 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + transition: 2s ease; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + background: red; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105802.css b/.history/notes/lesson5_20260201105802.css new file mode 100644 index 0000000..a99a463 --- /dev/null +++ b/.history/notes/lesson5_20260201105802.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + transition: 2s ease; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + background: red; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105813.css b/.history/notes/lesson5_20260201105813.css new file mode 100644 index 0000000..baf5ef5 --- /dev/null +++ b/.history/notes/lesson5_20260201105813.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + /* transition: 2s ease; */ +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + background: red; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105823.css b/.history/notes/lesson5_20260201105823.css new file mode 100644 index 0000000..a99a463 --- /dev/null +++ b/.history/notes/lesson5_20260201105823.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + transition: 2s ease; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container:hover{ + background: red; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105838.css b/.history/notes/lesson5_20260201105838.css new file mode 100644 index 0000000..89c0ec4 --- /dev/null +++ b/.history/notes/lesson5_20260201105838.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + transition: 2s ease; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container .grid-item:hover{ + background: red; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105844.css b/.history/notes/lesson5_20260201105844.css new file mode 100644 index 0000000..97f3c39 --- /dev/null +++ b/.history/notes/lesson5_20260201105844.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; +} + +.grid-container .grid-item:hover{ + background: red; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105845.css b/.history/notes/lesson5_20260201105845.css new file mode 100644 index 0000000..ab75570 --- /dev/null +++ b/.history/notes/lesson5_20260201105845.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105906.css b/.history/notes/lesson5_20260201105906.css new file mode 100644 index 0000000..5c67125 --- /dev/null +++ b/.history/notes/lesson5_20260201105906.css @@ -0,0 +1,29 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105911.css b/.history/notes/lesson5_20260201105911.css new file mode 100644 index 0000000..a2d0262 --- /dev/null +++ b/.history/notes/lesson5_20260201105911.css @@ -0,0 +1,29 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105944.css b/.history/notes/lesson5_20260201105944.css new file mode 100644 index 0000000..58a8ccc --- /dev/null +++ b/.history/notes/lesson5_20260201105944.css @@ -0,0 +1,31 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + + + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105945.css b/.history/notes/lesson5_20260201105945.css new file mode 100644 index 0000000..c634aba --- /dev/null +++ b/.history/notes/lesson5_20260201105945.css @@ -0,0 +1,31 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@k + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105947.css b/.history/notes/lesson5_20260201105947.css new file mode 100644 index 0000000..d11f750 --- /dev/null +++ b/.history/notes/lesson5_20260201105947.css @@ -0,0 +1,31 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyf + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105951.css b/.history/notes/lesson5_20260201105951.css new file mode 100644 index 0000000..928c8be --- /dev/null +++ b/.history/notes/lesson5_20260201105951.css @@ -0,0 +1,31 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105956.css b/.history/notes/lesson5_20260201105956.css new file mode 100644 index 0000000..c09223d --- /dev/null +++ b/.history/notes/lesson5_20260201105956.css @@ -0,0 +1,31 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201105958.css b/.history/notes/lesson5_20260201105958.css new file mode 100644 index 0000000..ac87a61 --- /dev/null +++ b/.history/notes/lesson5_20260201105958.css @@ -0,0 +1,33 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110001.css b/.history/notes/lesson5_20260201110001.css new file mode 100644 index 0000000..b0c5d32 --- /dev/null +++ b/.history/notes/lesson5_20260201110001.css @@ -0,0 +1,33 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110004.css b/.history/notes/lesson5_20260201110004.css new file mode 100644 index 0000000..b0c5d32 --- /dev/null +++ b/.history/notes/lesson5_20260201110004.css @@ -0,0 +1,33 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110006.css b/.history/notes/lesson5_20260201110006.css new file mode 100644 index 0000000..5d1ce11 --- /dev/null +++ b/.history/notes/lesson5_20260201110006.css @@ -0,0 +1,35 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from{ + + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110011.css b/.history/notes/lesson5_20260201110011.css new file mode 100644 index 0000000..e0bb13a --- /dev/null +++ b/.history/notes/lesson5_20260201110011.css @@ -0,0 +1,35 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from{ + opacity: 0; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110012.css b/.history/notes/lesson5_20260201110012.css new file mode 100644 index 0000000..93f6c9a --- /dev/null +++ b/.history/notes/lesson5_20260201110012.css @@ -0,0 +1,36 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from{ + opacity: 0; + } + +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110017.css b/.history/notes/lesson5_20260201110017.css new file mode 100644 index 0000000..9427c06 --- /dev/null +++ b/.history/notes/lesson5_20260201110017.css @@ -0,0 +1,38 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from{ + opacity: 0; + } + to{ + opacity: ; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110019.css b/.history/notes/lesson5_20260201110019.css new file mode 100644 index 0000000..492ed27 --- /dev/null +++ b/.history/notes/lesson5_20260201110019.css @@ -0,0 +1,38 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from{ + opacity: 0; + } + to{ + opacity: 0; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110020.css b/.history/notes/lesson5_20260201110020.css new file mode 100644 index 0000000..9427c06 --- /dev/null +++ b/.history/notes/lesson5_20260201110020.css @@ -0,0 +1,38 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from{ + opacity: 0; + } + to{ + opacity: ; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110023.css b/.history/notes/lesson5_20260201110023.css new file mode 100644 index 0000000..32e1191 --- /dev/null +++ b/.history/notes/lesson5_20260201110023.css @@ -0,0 +1,38 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from{ + opacity: 0; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110026.css b/.history/notes/lesson5_20260201110026.css new file mode 100644 index 0000000..e8b6cea --- /dev/null +++ b/.history/notes/lesson5_20260201110026.css @@ -0,0 +1,38 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110041.css b/.history/notes/lesson5_20260201110041.css new file mode 100644 index 0000000..5ef2501 --- /dev/null +++ b/.history/notes/lesson5_20260201110041.css @@ -0,0 +1,38 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110046.css b/.history/notes/lesson5_20260201110046.css new file mode 100644 index 0000000..25fe38d --- /dev/null +++ b/.history/notes/lesson5_20260201110046.css @@ -0,0 +1,39 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + ani +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110048.css b/.history/notes/lesson5_20260201110048.css new file mode 100644 index 0000000..05114bc --- /dev/null +++ b/.history/notes/lesson5_20260201110048.css @@ -0,0 +1,39 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: ; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110052.css b/.history/notes/lesson5_20260201110052.css new file mode 100644 index 0000000..5ea6b00 --- /dev/null +++ b/.history/notes/lesson5_20260201110052.css @@ -0,0 +1,39 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn ; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110102.css b/.history/notes/lesson5_20260201110102.css new file mode 100644 index 0000000..996a679 --- /dev/null +++ b/.history/notes/lesson5_20260201110102.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn; + anim +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110105.css b/.history/notes/lesson5_20260201110105.css new file mode 100644 index 0000000..3ced87a --- /dev/null +++ b/.history/notes/lesson5_20260201110105.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn; + animation-duration: ; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110111.css b/.history/notes/lesson5_20260201110111.css new file mode 100644 index 0000000..93c85a1 --- /dev/null +++ b/.history/notes/lesson5_20260201110111.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110134.css b/.history/notes/lesson5_20260201110134.css new file mode 100644 index 0000000..65c87fb --- /dev/null +++ b/.history/notes/lesson5_20260201110134.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn ; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110136.css b/.history/notes/lesson5_20260201110136.css new file mode 100644 index 0000000..d3b1539 --- /dev/null +++ b/.history/notes/lesson5_20260201110136.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn a; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110137.css b/.history/notes/lesson5_20260201110137.css new file mode 100644 index 0000000..428d8f1 --- /dev/null +++ b/.history/notes/lesson5_20260201110137.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110145.css b/.history/notes/lesson5_20260201110145.css new file mode 100644 index 0000000..0b70674 --- /dev/null +++ b/.history/notes/lesson5_20260201110145.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate in; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110146.css b/.history/notes/lesson5_20260201110146.css new file mode 100644 index 0000000..75ed041 --- /dev/null +++ b/.history/notes/lesson5_20260201110146.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110225.css b/.history/notes/lesson5_20260201110225.css new file mode 100644 index 0000000..4657fa4 --- /dev/null +++ b/.history/notes/lesson5_20260201110225.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110231.css b/.history/notes/lesson5_20260201110231.css new file mode 100644 index 0000000..9f7d0bb --- /dev/null +++ b/.history/notes/lesson5_20260201110231.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + tra + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110235.css b/.history/notes/lesson5_20260201110235.css new file mode 100644 index 0000000..b00c3e7 --- /dev/null +++ b/.history/notes/lesson5_20260201110235.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: ; + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110327.css b/.history/notes/lesson5_20260201110327.css new file mode 100644 index 0000000..1ee0e94 --- /dev/null +++ b/.history/notes/lesson5_20260201110327.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110331.css b/.history/notes/lesson5_20260201110331.css new file mode 100644 index 0000000..ad15b95 --- /dev/null +++ b/.history/notes/lesson5_20260201110331.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} +/* +/* .grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ */ + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110333.css b/.history/notes/lesson5_20260201110333.css new file mode 100644 index 0000000..3db6a8f --- /dev/null +++ b/.history/notes/lesson5_20260201110333.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} +/* +/* .grid-container .grid-item:hover{ + background: red; +} */ */ + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110335.css b/.history/notes/lesson5_20260201110335.css new file mode 100644 index 0000000..1ee0e94 --- /dev/null +++ b/.history/notes/lesson5_20260201110335.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} +/* +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} */ + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110337.css b/.history/notes/lesson5_20260201110337.css new file mode 100644 index 0000000..74f7472 --- /dev/null +++ b/.history/notes/lesson5_20260201110337.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + font-size: 50px; +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110339.css b/.history/notes/lesson5_20260201110339.css new file mode 100644 index 0000000..0ca1fa0 --- /dev/null +++ b/.history/notes/lesson5_20260201110339.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110347.css b/.history/notes/lesson5_20260201110347.css new file mode 100644 index 0000000..ec2b2da --- /dev/null +++ b/.history/notes/lesson5_20260201110347.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110357.css b/.history/notes/lesson5_20260201110357.css new file mode 100644 index 0000000..1fe6c05 --- /dev/null +++ b/.history/notes/lesson5_20260201110357.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + tran +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110400.css b/.history/notes/lesson5_20260201110400.css new file mode 100644 index 0000000..d98a929 --- /dev/null +++ b/.history/notes/lesson5_20260201110400.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + transform: rotate(); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110404.css b/.history/notes/lesson5_20260201110404.css new file mode 100644 index 0000000..f701ade --- /dev/null +++ b/.history/notes/lesson5_20260201110404.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + transform: rotate(60deg); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110433.css b/.history/notes/lesson5_20260201110433.css new file mode 100644 index 0000000..dc58f0b --- /dev/null +++ b/.history/notes/lesson5_20260201110433.css @@ -0,0 +1,42 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + transform: rotate(60deg); + tr +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110436.css b/.history/notes/lesson5_20260201110436.css new file mode 100644 index 0000000..66079e4 --- /dev/null +++ b/.history/notes/lesson5_20260201110436.css @@ -0,0 +1,42 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + transform: rotate(60deg); + transform: scale(); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110437.css b/.history/notes/lesson5_20260201110437.css new file mode 100644 index 0000000..a278871 --- /dev/null +++ b/.history/notes/lesson5_20260201110437.css @@ -0,0 +1,42 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transform: scale(); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110444.css b/.history/notes/lesson5_20260201110444.css new file mode 100644 index 0000000..0f3f70f --- /dev/null +++ b/.history/notes/lesson5_20260201110444.css @@ -0,0 +1,42 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transform: scale(50px); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110446.css b/.history/notes/lesson5_20260201110446.css new file mode 100644 index 0000000..886dde6 --- /dev/null +++ b/.history/notes/lesson5_20260201110446.css @@ -0,0 +1,42 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transform: scale(50%); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110504.css b/.history/notes/lesson5_20260201110504.css new file mode 100644 index 0000000..5bf5d56 --- /dev/null +++ b/.history/notes/lesson5_20260201110504.css @@ -0,0 +1,42 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 2s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transform: scale(120%); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110511.css b/.history/notes/lesson5_20260201110511.css new file mode 100644 index 0000000..0adafd9 --- /dev/null +++ b/.history/notes/lesson5_20260201110511.css @@ -0,0 +1,42 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transform: scale(120%); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110531.css b/.history/notes/lesson5_20260201110531.css new file mode 100644 index 0000000..eeae3fc --- /dev/null +++ b/.history/notes/lesson5_20260201110531.css @@ -0,0 +1,43 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 50%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transform: scale(120%); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110536.css b/.history/notes/lesson5_20260201110536.css new file mode 100644 index 0000000..aefeb56 --- /dev/null +++ b/.history/notes/lesson5_20260201110536.css @@ -0,0 +1,43 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transform: scale(120%); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110547.css b/.history/notes/lesson5_20260201110547.css new file mode 100644 index 0000000..ae0f32a --- /dev/null +++ b/.history/notes/lesson5_20260201110547.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110549.css b/.history/notes/lesson5_20260201110549.css new file mode 100644 index 0000000..aefeb56 --- /dev/null +++ b/.history/notes/lesson5_20260201110549.css @@ -0,0 +1,43 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transform: scale(120%); +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110550.css b/.history/notes/lesson5_20260201110550.css new file mode 100644 index 0000000..f739cb2 --- /dev/null +++ b/.history/notes/lesson5_20260201110550.css @@ -0,0 +1,42 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(); + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110554.css b/.history/notes/lesson5_20260201110554.css new file mode 100644 index 0000000..4a6ac8b --- /dev/null +++ b/.history/notes/lesson5_20260201110554.css @@ -0,0 +1,43 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: scale(120%); + + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110558.css b/.history/notes/lesson5_20260201110558.css new file mode 100644 index 0000000..b8ad0f0 --- /dev/null +++ b/.history/notes/lesson5_20260201110558.css @@ -0,0 +1,43 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: scale(120%); + + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110602.css b/.history/notes/lesson5_20260201110602.css new file mode 100644 index 0000000..7eb5cd8 --- /dev/null +++ b/.history/notes/lesson5_20260201110602.css @@ -0,0 +1,43 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: scale(100%); + + } + to{ + opacity: 0.1; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110607.css b/.history/notes/lesson5_20260201110607.css new file mode 100644 index 0000000..45ceb40 --- /dev/null +++ b/.history/notes/lesson5_20260201110607.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: scale(100%); + + } + to{ + opacity: 0.1; + transform: scale(100%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110610.css b/.history/notes/lesson5_20260201110610.css new file mode 100644 index 0000000..10a0cb9 --- /dev/null +++ b/.history/notes/lesson5_20260201110610.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: scale(100%); + + } + to{ + opacity: 0.1; + transform: scale(0%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110612.css b/.history/notes/lesson5_20260201110612.css new file mode 100644 index 0000000..2b00180 --- /dev/null +++ b/.history/notes/lesson5_20260201110612.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: scale(100%); + + } + to{ + opacity: 0.1; + transform: scale(80%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110624.css b/.history/notes/lesson5_20260201110624.css new file mode 100644 index 0000000..8358c02 --- /dev/null +++ b/.history/notes/lesson5_20260201110624.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* /* animation: fadeIn alternate infinite; */ + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: scale(100%); + + } + to{ + opacity: 0.1; + transform: scale(80%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110626.css b/.history/notes/lesson5_20260201110626.css new file mode 100644 index 0000000..2b00180 --- /dev/null +++ b/.history/notes/lesson5_20260201110626.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + /* animation: fadeIn alternate infinite; + animation-duration: 1s; */ +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: scale(100%); + + } + to{ + opacity: 0.1; + transform: scale(80%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110628.css b/.history/notes/lesson5_20260201110628.css new file mode 100644 index 0000000..0c5f49e --- /dev/null +++ b/.history/notes/lesson5_20260201110628.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn alternate infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: scale(100%); + + } + to{ + opacity: 0.1; + transform: scale(80%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110631.css b/.history/notes/lesson5_20260201110631.css new file mode 100644 index 0000000..fca6b0c --- /dev/null +++ b/.history/notes/lesson5_20260201110631.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: scale(100%); + + } + to{ + opacity: 0.1; + transform: scale(80%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110659.css b/.history/notes/lesson5_20260201110659.css new file mode 100644 index 0000000..48df60e --- /dev/null +++ b/.history/notes/lesson5_20260201110659.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: ro(100%); + + } + to{ + opacity: 0.1; + transform: scale(80%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110700.css b/.history/notes/lesson5_20260201110700.css new file mode 100644 index 0000000..95dec45 --- /dev/null +++ b/.history/notes/lesson5_20260201110700.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(100%); + + } + to{ + opacity: 0.1; + transform: scale(80%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110703.css b/.history/notes/lesson5_20260201110703.css new file mode 100644 index 0000000..f313a64 --- /dev/null +++ b/.history/notes/lesson5_20260201110703.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(0); + + } + to{ + opacity: 0.1; + transform: scale(80%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110705.css b/.history/notes/lesson5_20260201110705.css new file mode 100644 index 0000000..a8dcd66 --- /dev/null +++ b/.history/notes/lesson5_20260201110705.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(0deg); + + } + to{ + opacity: 0.1; + transform: scale(80%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110717.css b/.history/notes/lesson5_20260201110717.css new file mode 100644 index 0000000..ece0df2 --- /dev/null +++ b/.history/notes/lesson5_20260201110717.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(0deg); + + } + to{ + opacity: 0.1; + transform: rotate(80%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110720.css b/.history/notes/lesson5_20260201110720.css new file mode 100644 index 0000000..8e37f78 --- /dev/null +++ b/.history/notes/lesson5_20260201110720.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(0deg); + + } + to{ + opacity: 0.1; + transform: rotate(360%); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110722.css b/.history/notes/lesson5_20260201110722.css new file mode 100644 index 0000000..c73efdf --- /dev/null +++ b/.history/notes/lesson5_20260201110722.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(0deg); + + } + to{ + opacity: 0.1; + transform: rotate(360deg); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110746.css b/.history/notes/lesson5_20260201110746.css new file mode 100644 index 0000000..a60fcc6 --- /dev/null +++ b/.history/notes/lesson5_20260201110746.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite a; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(0deg); + + } + to{ + opacity: 0.1; + transform: rotate(360deg); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110747.css b/.history/notes/lesson5_20260201110747.css new file mode 100644 index 0000000..dc9b68a --- /dev/null +++ b/.history/notes/lesson5_20260201110747.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + opacity: 1; + transform: rotate(0deg); + + } + to{ + opacity: 0.1; + transform: rotate(360deg); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110837.css b/.history/notes/lesson5_20260201110837.css new file mode 100644 index 0000000..afcba5e --- /dev/null +++ b/.history/notes/lesson5_20260201110837.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + } + to{ + opacity: 0.1; + transform: rotate(360deg); + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110840.css b/.history/notes/lesson5_20260201110840.css new file mode 100644 index 0000000..907a069 --- /dev/null +++ b/.history/notes/lesson5_20260201110840.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + } + to{ + opacity: 0.1; + /* transform: rotate(360deg); */ + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110843.css b/.history/notes/lesson5_20260201110843.css new file mode 100644 index 0000000..80c355f --- /dev/null +++ b/.history/notes/lesson5_20260201110843.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110848.css b/.history/notes/lesson5_20260201110848.css new file mode 100644 index 0000000..b972241 --- /dev/null +++ b/.history/notes/lesson5_20260201110848.css @@ -0,0 +1,45 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: ; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110857.css b/.history/notes/lesson5_20260201110857.css new file mode 100644 index 0000000..c36cb44 --- /dev/null +++ b/.history/notes/lesson5_20260201110857.css @@ -0,0 +1,45 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110901.css b/.history/notes/lesson5_20260201110901.css new file mode 100644 index 0000000..d786f99 --- /dev/null +++ b/.history/notes/lesson5_20260201110901.css @@ -0,0 +1,46 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + back + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201110904.css b/.history/notes/lesson5_20260201110904.css new file mode 100644 index 0000000..bdb4086 --- /dev/null +++ b/.history/notes/lesson5_20260201110904.css @@ -0,0 +1,46 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111049.css b/.history/notes/lesson5_20260201111049.css new file mode 100644 index 0000000..61f3c6a --- /dev/null +++ b/.history/notes/lesson5_20260201111049.css @@ -0,0 +1,46 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111147.css b/.history/notes/lesson5_20260201111147.css new file mode 100644 index 0000000..b739e73 --- /dev/null +++ b/.history/notes/lesson5_20260201111147.css @@ -0,0 +1,47 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + trans +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111155.css b/.history/notes/lesson5_20260201111155.css new file mode 100644 index 0000000..db598df --- /dev/null +++ b/.history/notes/lesson5_20260201111155.css @@ -0,0 +1,47 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transition: ; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111203.css b/.history/notes/lesson5_20260201111203.css new file mode 100644 index 0000000..5c8a168 --- /dev/null +++ b/.history/notes/lesson5_20260201111203.css @@ -0,0 +1,47 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111218.css b/.history/notes/lesson5_20260201111218.css new file mode 100644 index 0000000..ba29ad8 --- /dev/null +++ b/.history/notes/lesson5_20260201111218.css @@ -0,0 +1,47 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + tran +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111219.css b/.history/notes/lesson5_20260201111219.css new file mode 100644 index 0000000..db598df --- /dev/null +++ b/.history/notes/lesson5_20260201111219.css @@ -0,0 +1,47 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transition: ; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111224.css b/.history/notes/lesson5_20260201111224.css new file mode 100644 index 0000000..f8f89c8 --- /dev/null +++ b/.history/notes/lesson5_20260201111224.css @@ -0,0 +1,47 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transition: 0.5s ; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111229.css b/.history/notes/lesson5_20260201111229.css new file mode 100644 index 0000000..baaaf4c --- /dev/null +++ b/.history/notes/lesson5_20260201111229.css @@ -0,0 +1,47 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ + transition: 0.5s; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111240.css b/.history/notes/lesson5_20260201111240.css new file mode 100644 index 0000000..61f3c6a --- /dev/null +++ b/.history/notes/lesson5_20260201111240.css @@ -0,0 +1,46 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111328.css b/.history/notes/lesson5_20260201111328.css new file mode 100644 index 0000000..41a4935 --- /dev/null +++ b/.history/notes/lesson5_20260201111328.css @@ -0,0 +1,46 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate ease; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111346.css b/.history/notes/lesson5_20260201111346.css new file mode 100644 index 0000000..34bdf1d --- /dev/null +++ b/.history/notes/lesson5_20260201111346.css @@ -0,0 +1,46 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate ; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111349.css b/.history/notes/lesson5_20260201111349.css new file mode 100644 index 0000000..61f3c6a --- /dev/null +++ b/.history/notes/lesson5_20260201111349.css @@ -0,0 +1,46 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111708.html b/.history/notes/lesson5_20260201111708.html new file mode 100644 index 0000000..225184d --- /dev/null +++ b/.history/notes/lesson5_20260201111708.html @@ -0,0 +1,25 @@ + + + + + + Lesson 5 + + + +
+
+

+
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111712.html b/.history/notes/lesson5_20260201111712.html new file mode 100644 index 0000000..6c59383 --- /dev/null +++ b/.history/notes/lesson5_20260201111712.html @@ -0,0 +1,26 @@ + + + + + + Lesson 5 + + + +
+
+ +

Grid 1

+
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111715.html b/.history/notes/lesson5_20260201111715.html new file mode 100644 index 0000000..7791768 --- /dev/null +++ b/.history/notes/lesson5_20260201111715.html @@ -0,0 +1,26 @@ + + + + + + Lesson 5 + + + +
+
+ +

Grid 1

+
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111718.html b/.history/notes/lesson5_20260201111718.html new file mode 100644 index 0000000..f7fbdac --- /dev/null +++ b/.history/notes/lesson5_20260201111718.html @@ -0,0 +1,26 @@ + + + + + + Lesson 5 + + + +
+
+ +

Grid 1

+
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111719.html b/.history/notes/lesson5_20260201111719.html new file mode 100644 index 0000000..2cb9a86 --- /dev/null +++ b/.history/notes/lesson5_20260201111719.html @@ -0,0 +1,26 @@ + + + + + + Lesson 5 + + + +
+
+ +

Grid 1

+
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111720.html b/.history/notes/lesson5_20260201111720.html new file mode 100644 index 0000000..cef356d --- /dev/null +++ b/.history/notes/lesson5_20260201111720.html @@ -0,0 +1,26 @@ + + + + + + Lesson 5 + + + +
+
+ +

Grid 1

+
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111743.css b/.history/notes/lesson5_20260201111743.css new file mode 100644 index 0000000..97e3df1 --- /dev/null +++ b/.history/notes/lesson5_20260201111743.css @@ -0,0 +1,48 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2 + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111754.css b/.history/notes/lesson5_20260201111754.css new file mode 100644 index 0000000..ba28325 --- /dev/null +++ b/.history/notes/lesson5_20260201111754.css @@ -0,0 +1,53 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + +} +.col-span-2 img{ + width: 100px; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201111819.css b/.history/notes/lesson5_20260201111819.css new file mode 100644 index 0000000..3c5f15d --- /dev/null +++ b/.history/notes/lesson5_20260201111819.css @@ -0,0 +1,54 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120615.css b/.history/notes/lesson5_20260201120615.css new file mode 100644 index 0000000..501f0a3 --- /dev/null +++ b/.history/notes/lesson5_20260201120615.css @@ -0,0 +1,54 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-rows: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120652.css b/.history/notes/lesson5_20260201120652.css new file mode 100644 index 0000000..3c5f15d --- /dev/null +++ b/.history/notes/lesson5_20260201120652.css @@ -0,0 +1,54 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120806.html b/.history/notes/lesson5_20260201120806.html new file mode 100644 index 0000000..0334993 --- /dev/null +++ b/.history/notes/lesson5_20260201120806.html @@ -0,0 +1,27 @@ + + + + + + Lesson 5 + + + +
+
+ +

Grid 1

+
+
+ Grid 2 +
+
+ Grid 3 +
+
+ Grid 4 +
+
+ + + \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120816.css b/.history/notes/lesson5_20260201120816.css new file mode 100644 index 0000000..d6e11ca --- /dev/null +++ b/.history/notes/lesson5_20260201120816.css @@ -0,0 +1,58 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + pad +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120817.css b/.history/notes/lesson5_20260201120817.css new file mode 100644 index 0000000..559db8a --- /dev/null +++ b/.history/notes/lesson5_20260201120817.css @@ -0,0 +1,58 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: ; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120820.css b/.history/notes/lesson5_20260201120820.css new file mode 100644 index 0000000..097c520 --- /dev/null +++ b/.history/notes/lesson5_20260201120820.css @@ -0,0 +1,58 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120826.css b/.history/notes/lesson5_20260201120826.css new file mode 100644 index 0000000..060295d --- /dev/null +++ b/.history/notes/lesson5_20260201120826.css @@ -0,0 +1,59 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + back +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120828.css b/.history/notes/lesson5_20260201120828.css new file mode 100644 index 0000000..8dad70e --- /dev/null +++ b/.history/notes/lesson5_20260201120828.css @@ -0,0 +1,59 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120848.css b/.history/notes/lesson5_20260201120848.css new file mode 100644 index 0000000..fe7f92a --- /dev/null +++ b/.history/notes/lesson5_20260201120848.css @@ -0,0 +1,62 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; +} +button:hover{ + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120851.css b/.history/notes/lesson5_20260201120851.css new file mode 100644 index 0000000..8509712 --- /dev/null +++ b/.history/notes/lesson5_20260201120851.css @@ -0,0 +1,62 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; +} +button:hover{ + background-color: ; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120856.css b/.history/notes/lesson5_20260201120856.css new file mode 100644 index 0000000..199c884 --- /dev/null +++ b/.history/notes/lesson5_20260201120856.css @@ -0,0 +1,62 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; +} +button:hover{ + background-color: green; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120908.css b/.history/notes/lesson5_20260201120908.css new file mode 100644 index 0000000..2b0ffda --- /dev/null +++ b/.history/notes/lesson5_20260201120908.css @@ -0,0 +1,63 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + +} +button:hover{ + background-color: green; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120912.css b/.history/notes/lesson5_20260201120912.css new file mode 100644 index 0000000..ba4269c --- /dev/null +++ b/.history/notes/lesson5_20260201120912.css @@ -0,0 +1,63 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + trans +} +button:hover{ + background-color: green; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120914.css b/.history/notes/lesson5_20260201120914.css new file mode 100644 index 0000000..2fb33d0 --- /dev/null +++ b/.history/notes/lesson5_20260201120914.css @@ -0,0 +1,63 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: ; +} +button:hover{ + background-color: green; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120919.css b/.history/notes/lesson5_20260201120919.css new file mode 100644 index 0000000..2f170ca --- /dev/null +++ b/.history/notes/lesson5_20260201120919.css @@ -0,0 +1,63 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.5s; +} +button:hover{ + background-color: green; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201120931.css b/.history/notes/lesson5_20260201120931.css new file mode 100644 index 0000000..9c2ab92 --- /dev/null +++ b/.history/notes/lesson5_20260201120931.css @@ -0,0 +1,63 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.5s ; +} +button:hover{ + background-color: green; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121047.css b/.history/notes/lesson5_20260201121047.css new file mode 100644 index 0000000..ce1a4be --- /dev/null +++ b/.history/notes/lesson5_20260201121047.css @@ -0,0 +1,63 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.5s e; +} +button:hover{ + background-color: green; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121048.css b/.history/notes/lesson5_20260201121048.css new file mode 100644 index 0000000..f866e1f --- /dev/null +++ b/.history/notes/lesson5_20260201121048.css @@ -0,0 +1,63 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.5s ease; +} +button:hover{ + background-color: green; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121106.css b/.history/notes/lesson5_20260201121106.css new file mode 100644 index 0000000..0b1abb7 --- /dev/null +++ b/.history/notes/lesson5_20260201121106.css @@ -0,0 +1,63 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 5s ease; +} +button:hover{ + background-color: green; +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121157.css b/.history/notes/lesson5_20260201121157.css new file mode 100644 index 0000000..e91fb86 --- /dev/null +++ b/.history/notes/lesson5_20260201121157.css @@ -0,0 +1,64 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 5s ease; +} +button:hover{ + background-color: green; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121203.css b/.history/notes/lesson5_20260201121203.css new file mode 100644 index 0000000..4584787 --- /dev/null +++ b/.history/notes/lesson5_20260201121203.css @@ -0,0 +1,64 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121219.css b/.history/notes/lesson5_20260201121219.css new file mode 100644 index 0000000..2495630 --- /dev/null +++ b/.history/notes/lesson5_20260201121219.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: ; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121230.css b/.history/notes/lesson5_20260201121230.css new file mode 100644 index 0000000..1cc4b5e --- /dev/null +++ b/.history/notes/lesson5_20260201121230.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: rotateX('angle'); + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121237.css b/.history/notes/lesson5_20260201121237.css new file mode 100644 index 0000000..d6e98a2 --- /dev/null +++ b/.history/notes/lesson5_20260201121237.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: rotateX(); + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121239.css b/.history/notes/lesson5_20260201121239.css new file mode 100644 index 0000000..9ae1fbf --- /dev/null +++ b/.history/notes/lesson5_20260201121239.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: rotateX(50); + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121241.css b/.history/notes/lesson5_20260201121241.css new file mode 100644 index 0000000..1ec5426 --- /dev/null +++ b/.history/notes/lesson5_20260201121241.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: rotateX(50deg); + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121251.css b/.history/notes/lesson5_20260201121251.css new file mode 100644 index 0000000..8a5c3dd --- /dev/null +++ b/.history/notes/lesson5_20260201121251.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: rotate(50deg); + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121307.css b/.history/notes/lesson5_20260201121307.css new file mode 100644 index 0000000..f368bfa --- /dev/null +++ b/.history/notes/lesson5_20260201121307.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: rotate(360deg); + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121325.css b/.history/notes/lesson5_20260201121325.css new file mode 100644 index 0000000..323a822 --- /dev/null +++ b/.history/notes/lesson5_20260201121325.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: scale(); + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121333.css b/.history/notes/lesson5_20260201121333.css new file mode 100644 index 0000000..fbc7b3c --- /dev/null +++ b/.history/notes/lesson5_20260201121333.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: scale(100%); + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121340.css b/.history/notes/lesson5_20260201121340.css new file mode 100644 index 0000000..c227527 --- /dev/null +++ b/.history/notes/lesson5_20260201121340.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: scale(90%); + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121420.css b/.history/notes/lesson5_20260201121420.css new file mode 100644 index 0000000..a90a576 --- /dev/null +++ b/.history/notes/lesson5_20260201121420.css @@ -0,0 +1,66 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: scale(90%); + + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121421.css b/.history/notes/lesson5_20260201121421.css new file mode 100644 index 0000000..d6d3cd7 --- /dev/null +++ b/.history/notes/lesson5_20260201121421.css @@ -0,0 +1,66 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: scale(90%); + wid + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121425.css b/.history/notes/lesson5_20260201121425.css new file mode 100644 index 0000000..78a8912 --- /dev/null +++ b/.history/notes/lesson5_20260201121425.css @@ -0,0 +1,67 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: scale(90%); + width: 0px; + ov + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121433.css b/.history/notes/lesson5_20260201121433.css new file mode 100644 index 0000000..f91fa2b --- /dev/null +++ b/.history/notes/lesson5_20260201121433.css @@ -0,0 +1,67 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: scale(90%); + width: 0px; + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121434.css b/.history/notes/lesson5_20260201121434.css new file mode 100644 index 0000000..d39c3bb --- /dev/null +++ b/.history/notes/lesson5_20260201121434.css @@ -0,0 +1,67 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + transform: scale(90%); + /* width: 0px; */ + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121437.css b/.history/notes/lesson5_20260201121437.css new file mode 100644 index 0000000..dcb1973 --- /dev/null +++ b/.history/notes/lesson5_20260201121437.css @@ -0,0 +1,67 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + /* transform: scale(90%); */ + width: 0px; + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121445.css b/.history/notes/lesson5_20260201121445.css new file mode 100644 index 0000000..9fc55bd --- /dev/null +++ b/.history/notes/lesson5_20260201121445.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + /* transform: scale(90%); */ + width: 0px; + pad + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121447.css b/.history/notes/lesson5_20260201121447.css new file mode 100644 index 0000000..3787dc6 --- /dev/null +++ b/.history/notes/lesson5_20260201121447.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + /* transform: scale(90%); */ + width: 0px; + padding: 0; + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121449.css b/.history/notes/lesson5_20260201121449.css new file mode 100644 index 0000000..c425dc6 --- /dev/null +++ b/.history/notes/lesson5_20260201121449.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + /* transform: scale(90%); */ + width: 0px; + padding: 0px; + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121501.css b/.history/notes/lesson5_20260201121501.css new file mode 100644 index 0000000..ea033e5 --- /dev/null +++ b/.history/notes/lesson5_20260201121501.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + /* transform: scale(90%); */ + width: 10px; + padding: 0px; + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121645.css b/.history/notes/lesson5_20260201121645.css new file mode 100644 index 0000000..80236cf --- /dev/null +++ b/.history/notes/lesson5_20260201121645.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + /* transform: scale(90%); */ + width: 10px; + padding: 0px; + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121651.css b/.history/notes/lesson5_20260201121651.css new file mode 100644 index 0000000..ea033e5 --- /dev/null +++ b/.history/notes/lesson5_20260201121651.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 1s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + /* transform: scale(90%); */ + width: 10px; + padding: 0px; + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/lesson5_20260201121723.css b/.history/notes/lesson5_20260201121723.css new file mode 100644 index 0000000..5ee222b --- /dev/null +++ b/.history/notes/lesson5_20260201121723.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 11s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + /* transform: scale(90%); */ + width: 10px; + padding: 0px; + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/.history/notes/project_20260201111911.html b/.history/notes/project_20260201111911.html new file mode 100644 index 0000000..e69de29 diff --git a/.history/notes/project_20260201111917.html b/.history/notes/project_20260201111917.html new file mode 100644 index 0000000..0e7179a --- /dev/null +++ b/.history/notes/project_20260201111917.html @@ -0,0 +1 @@ +htm \ No newline at end of file diff --git a/.history/notes/project_20260201111918.html b/.history/notes/project_20260201111918.html new file mode 100644 index 0000000..d01f779 --- /dev/null +++ b/.history/notes/project_20260201111918.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201111926.css b/.history/notes/project_20260201111926.css new file mode 100644 index 0000000..e69de29 diff --git a/.history/notes/project_20260201111937.html b/.history/notes/project_20260201111937.html new file mode 100644 index 0000000..e95bddd --- /dev/null +++ b/.history/notes/project_20260201111937.html @@ -0,0 +1,11 @@ + + + + + + Project class + + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201111941.html b/.history/notes/project_20260201111941.html new file mode 100644 index 0000000..b4b54b1 --- /dev/null +++ b/.history/notes/project_20260201111941.html @@ -0,0 +1,12 @@ + + + + + + Project class + + + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201111945.html b/.history/notes/project_20260201111945.html new file mode 100644 index 0000000..b483a27 --- /dev/null +++ b/.history/notes/project_20260201111945.html @@ -0,0 +1,12 @@ + + + + + + Project class + + + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201111947.html b/.history/notes/project_20260201111947.html new file mode 100644 index 0000000..e510e38 --- /dev/null +++ b/.history/notes/project_20260201111947.html @@ -0,0 +1,12 @@ + + + + + + Project class + + + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201111951.html b/.history/notes/project_20260201111951.html new file mode 100644 index 0000000..bb09578 --- /dev/null +++ b/.history/notes/project_20260201111951.html @@ -0,0 +1,12 @@ + + + + + + Project class + + + +
+ + \ No newline at end of file diff --git a/.history/notes/project_20260201111952.html b/.history/notes/project_20260201111952.html new file mode 100644 index 0000000..fd4a174 --- /dev/null +++ b/.history/notes/project_20260201111952.html @@ -0,0 +1,14 @@ + + + + + + Project class + + + +
+ +
+ + \ No newline at end of file diff --git a/.history/notes/project_20260201111955.html b/.history/notes/project_20260201111955.html new file mode 100644 index 0000000..ef299b8 --- /dev/null +++ b/.history/notes/project_20260201111955.html @@ -0,0 +1,16 @@ + + + + + + Project class + + + +
+
+ +
+
+ + \ No newline at end of file diff --git a/.history/notes/project_20260201112016.html b/.history/notes/project_20260201112016.html new file mode 100644 index 0000000..6b3608d --- /dev/null +++ b/.history/notes/project_20260201112016.html @@ -0,0 +1,16 @@ + + + + + + Project class + + + +
+
+ +
+
+ + \ No newline at end of file diff --git a/.history/notes/project_20260201112018.html b/.history/notes/project_20260201112018.html new file mode 100644 index 0000000..a7f667c --- /dev/null +++ b/.history/notes/project_20260201112018.html @@ -0,0 +1,16 @@ + + + + + + Project class + + + +
+
+ +
+
+ + \ No newline at end of file diff --git a/.history/notes/project_20260201112023.html b/.history/notes/project_20260201112023.html new file mode 100644 index 0000000..4a9f442 --- /dev/null +++ b/.history/notes/project_20260201112023.html @@ -0,0 +1,17 @@ + + + + + + Project class + + + +
+
+ +

+
+
+ + \ No newline at end of file diff --git a/.history/notes/project_20260201112025.html b/.history/notes/project_20260201112025.html new file mode 100644 index 0000000..4a9f442 --- /dev/null +++ b/.history/notes/project_20260201112025.html @@ -0,0 +1,17 @@ + + + + + + Project class + + + +
+
+ +

+
+
+ + \ No newline at end of file diff --git a/.history/notes/project_20260201112028.html b/.history/notes/project_20260201112028.html new file mode 100644 index 0000000..3367044 --- /dev/null +++ b/.history/notes/project_20260201112028.html @@ -0,0 +1,17 @@ + + + + + + Project class + + + +
+
+ +

E-commerce

+
+
+ + \ No newline at end of file diff --git a/.history/notes/project_20260201112031.html b/.history/notes/project_20260201112031.html new file mode 100644 index 0000000..3367044 --- /dev/null +++ b/.history/notes/project_20260201112031.html @@ -0,0 +1,17 @@ + + + + + + Project class + + + +
+
+ +

E-commerce

+
+
+ + \ No newline at end of file diff --git a/.history/notes/project_20260201112036.html b/.history/notes/project_20260201112036.html new file mode 100644 index 0000000..bcc4b0a --- /dev/null +++ b/.history/notes/project_20260201112036.html @@ -0,0 +1,20 @@ + + + + + + Project class + + + +
+
+ +

E-commerce

+
+
+ +
+
+ + \ No newline at end of file diff --git a/.history/notes/project_20260201112044.html b/.history/notes/project_20260201112044.html new file mode 100644 index 0000000..7717239 --- /dev/null +++ b/.history/notes/project_20260201112044.html @@ -0,0 +1,22 @@ + + + + + + Project class + + + +
+
+ +

E-commerce

+
+
+
  • + +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112045.html b/.history/notes/project_20260201112045.html new file mode 100644 index 0000000..31eaf3f --- /dev/null +++ b/.history/notes/project_20260201112045.html @@ -0,0 +1,22 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112051.html b/.history/notes/project_20260201112051.html new file mode 100644 index 0000000..0592f0b --- /dev/null +++ b/.history/notes/project_20260201112051.html @@ -0,0 +1,25 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + Home +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112054.html b/.history/notes/project_20260201112054.html new file mode 100644 index 0000000..b0b3d94 --- /dev/null +++ b/.history/notes/project_20260201112054.html @@ -0,0 +1,25 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112100.html b/.history/notes/project_20260201112100.html new file mode 100644 index 0000000..85aadc1 --- /dev/null +++ b/.history/notes/project_20260201112100.html @@ -0,0 +1,28 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + About +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112106.html b/.history/notes/project_20260201112106.html new file mode 100644 index 0000000..2c050cd --- /dev/null +++ b/.history/notes/project_20260201112106.html @@ -0,0 +1,31 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + About +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112110.html b/.history/notes/project_20260201112110.html new file mode 100644 index 0000000..7a57d9b --- /dev/null +++ b/.history/notes/project_20260201112110.html @@ -0,0 +1,31 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112125.html b/.history/notes/project_20260201112125.html new file mode 100644 index 0000000..544d2f4 --- /dev/null +++ b/.history/notes/project_20260201112125.html @@ -0,0 +1,31 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112130.html b/.history/notes/project_20260201112130.html new file mode 100644 index 0000000..7fa5c1b --- /dev/null +++ b/.history/notes/project_20260201112130.html @@ -0,0 +1,31 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112134.html b/.history/notes/project_20260201112134.html new file mode 100644 index 0000000..5db550a --- /dev/null +++ b/.history/notes/project_20260201112134.html @@ -0,0 +1,31 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112141.html b/.history/notes/project_20260201112141.html new file mode 100644 index 0000000..1a530cc --- /dev/null +++ b/.history/notes/project_20260201112141.html @@ -0,0 +1,31 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112142.html b/.history/notes/project_20260201112142.html new file mode 100644 index 0000000..a1a759f --- /dev/null +++ b/.history/notes/project_20260201112142.html @@ -0,0 +1,31 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112152.css b/.history/notes/project_20260201112152.css new file mode 100644 index 0000000..03a9259 --- /dev/null +++ b/.history/notes/project_20260201112152.css @@ -0,0 +1,4 @@ +*{ + margin: 0; + padding: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112159.css b/.history/notes/project_20260201112159.css new file mode 100644 index 0000000..fdde4f5 --- /dev/null +++ b/.history/notes/project_20260201112159.css @@ -0,0 +1,6 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + fon +} \ No newline at end of file diff --git a/.history/notes/project_20260201112202.css b/.history/notes/project_20260201112202.css new file mode 100644 index 0000000..cff84a1 --- /dev/null +++ b/.history/notes/project_20260201112202.css @@ -0,0 +1,6 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112205.css b/.history/notes/project_20260201112205.css new file mode 100644 index 0000000..0952cd5 --- /dev/null +++ b/.history/notes/project_20260201112205.css @@ -0,0 +1,8 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +. \ No newline at end of file diff --git a/.history/notes/project_20260201112210.css b/.history/notes/project_20260201112210.css new file mode 100644 index 0000000..fe9d789 --- /dev/null +++ b/.history/notes/project_20260201112210.css @@ -0,0 +1,10 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112211.css b/.history/notes/project_20260201112211.css new file mode 100644 index 0000000..09e02b6 --- /dev/null +++ b/.history/notes/project_20260201112211.css @@ -0,0 +1,10 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: %; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112215.css b/.history/notes/project_20260201112215.css new file mode 100644 index 0000000..17fb2cd --- /dev/null +++ b/.history/notes/project_20260201112215.css @@ -0,0 +1,10 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112220.css b/.history/notes/project_20260201112220.css new file mode 100644 index 0000000..691638c --- /dev/null +++ b/.history/notes/project_20260201112220.css @@ -0,0 +1,12 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + jis +} \ No newline at end of file diff --git a/.history/notes/project_20260201112228.css b/.history/notes/project_20260201112228.css new file mode 100644 index 0000000..b4cea36 --- /dev/null +++ b/.history/notes/project_20260201112228.css @@ -0,0 +1,12 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: sp; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112229.css b/.history/notes/project_20260201112229.css new file mode 100644 index 0000000..f62c30f --- /dev/null +++ b/.history/notes/project_20260201112229.css @@ -0,0 +1,12 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112233.css b/.history/notes/project_20260201112233.css new file mode 100644 index 0000000..9f0076e --- /dev/null +++ b/.history/notes/project_20260201112233.css @@ -0,0 +1,13 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + pa +} \ No newline at end of file diff --git a/.history/notes/project_20260201112234.css b/.history/notes/project_20260201112234.css new file mode 100644 index 0000000..18862b1 --- /dev/null +++ b/.history/notes/project_20260201112234.css @@ -0,0 +1,13 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112236.css b/.history/notes/project_20260201112236.css new file mode 100644 index 0000000..5a9c3b1 --- /dev/null +++ b/.history/notes/project_20260201112236.css @@ -0,0 +1,13 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 1; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112239.css b/.history/notes/project_20260201112239.css new file mode 100644 index 0000000..6063ac1 --- /dev/null +++ b/.history/notes/project_20260201112239.css @@ -0,0 +1,13 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112252.css b/.history/notes/project_20260201112252.css new file mode 100644 index 0000000..293cfd9 --- /dev/null +++ b/.history/notes/project_20260201112252.css @@ -0,0 +1,14 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left \ No newline at end of file diff --git a/.history/notes/project_20260201112258.css b/.history/notes/project_20260201112258.css new file mode 100644 index 0000000..f5468fb --- /dev/null +++ b/.history/notes/project_20260201112258.css @@ -0,0 +1,16 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112301.css b/.history/notes/project_20260201112301.css new file mode 100644 index 0000000..076f1e1 --- /dev/null +++ b/.history/notes/project_20260201112301.css @@ -0,0 +1,16 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex-; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112316.css b/.history/notes/project_20260201112316.css new file mode 100644 index 0000000..af40921 --- /dev/null +++ b/.history/notes/project_20260201112316.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; +} +.header-left img{ + width: 50px; + height: 5; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112318.css b/.history/notes/project_20260201112318.css new file mode 100644 index 0000000..fa371f7 --- /dev/null +++ b/.history/notes/project_20260201112318.css @@ -0,0 +1,20 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; +} +.header-left img{ + width: 50px; + height: 50px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112322.css b/.history/notes/project_20260201112322.css new file mode 100644 index 0000000..8534d7b --- /dev/null +++ b/.history/notes/project_20260201112322.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; +} +.header-left img{ + width: 50px; + height: 50px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112324.css b/.history/notes/project_20260201112324.css new file mode 100644 index 0000000..9f31af7 --- /dev/null +++ b/.history/notes/project_20260201112324.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; +} +.header-left img{ + width: 50px; + height: 50px; + bor +} \ No newline at end of file diff --git a/.history/notes/project_20260201112327.css b/.history/notes/project_20260201112327.css new file mode 100644 index 0000000..19eee18 --- /dev/null +++ b/.history/notes/project_20260201112327.css @@ -0,0 +1,21 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112347.css b/.history/notes/project_20260201112347.css new file mode 100644 index 0000000..a76e4a3 --- /dev/null +++ b/.history/notes/project_20260201112347.css @@ -0,0 +1,22 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112354.css b/.history/notes/project_20260201112354.css new file mode 100644 index 0000000..bc53ec9 --- /dev/null +++ b/.history/notes/project_20260201112354.css @@ -0,0 +1,22 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; +} +.header-left img{ + width: 40px; + height: 50px; + border-radius: 50%; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112359.css b/.history/notes/project_20260201112359.css new file mode 100644 index 0000000..e527d6d --- /dev/null +++ b/.history/notes/project_20260201112359.css @@ -0,0 +1,22 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; +} +.header-left img{ + width: 40px; + height: 40px; + border-radius: 50%; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112404.css b/.history/notes/project_20260201112404.css new file mode 100644 index 0000000..a76e4a3 --- /dev/null +++ b/.history/notes/project_20260201112404.css @@ -0,0 +1,22 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112409.css b/.history/notes/project_20260201112409.css new file mode 100644 index 0000000..36ac25f --- /dev/null +++ b/.history/notes/project_20260201112409.css @@ -0,0 +1,23 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: ; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112411.css b/.history/notes/project_20260201112411.css new file mode 100644 index 0000000..90e5520 --- /dev/null +++ b/.history/notes/project_20260201112411.css @@ -0,0 +1,23 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: 1; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112412.css b/.history/notes/project_20260201112412.css new file mode 100644 index 0000000..3217891 --- /dev/null +++ b/.history/notes/project_20260201112412.css @@ -0,0 +1,23 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112425.css b/.history/notes/project_20260201112425.css new file mode 100644 index 0000000..b4b4070 --- /dev/null +++ b/.history/notes/project_20260201112425.css @@ -0,0 +1,24 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left \ No newline at end of file diff --git a/.history/notes/project_20260201112428.css b/.history/notes/project_20260201112428.css new file mode 100644 index 0000000..0ba5de4 --- /dev/null +++ b/.history/notes/project_20260201112428.css @@ -0,0 +1,26 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + fon +} \ No newline at end of file diff --git a/.history/notes/project_20260201112431.css b/.history/notes/project_20260201112431.css new file mode 100644 index 0000000..f6be65d --- /dev/null +++ b/.history/notes/project_20260201112431.css @@ -0,0 +1,26 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112434.css b/.history/notes/project_20260201112434.css new file mode 100644 index 0000000..5241387 --- /dev/null +++ b/.history/notes/project_20260201112434.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + fon +} \ No newline at end of file diff --git a/.history/notes/project_20260201112437.css b/.history/notes/project_20260201112437.css new file mode 100644 index 0000000..a42a853 --- /dev/null +++ b/.history/notes/project_20260201112437.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + font-family: cursive; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112443.css b/.history/notes/project_20260201112443.css new file mode 100644 index 0000000..6bafc2b --- /dev/null +++ b/.history/notes/project_20260201112443.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112449.css b/.history/notes/project_20260201112449.css new file mode 100644 index 0000000..9ee41d3 --- /dev/null +++ b/.history/notes/project_20260201112449.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 25px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112453.css b/.history/notes/project_20260201112453.css new file mode 100644 index 0000000..6bafc2b --- /dev/null +++ b/.history/notes/project_20260201112453.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112458.css b/.history/notes/project_20260201112458.css new file mode 100644 index 0000000..846a1b9 --- /dev/null +++ b/.history/notes/project_20260201112458.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112504.css b/.history/notes/project_20260201112504.css new file mode 100644 index 0000000..846dd71 --- /dev/null +++ b/.history/notes/project_20260201112504.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box- +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112505.css b/.history/notes/project_20260201112505.css new file mode 100644 index 0000000..a8efafb --- /dev/null +++ b/.history/notes/project_20260201112505.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-s +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112508.css b/.history/notes/project_20260201112508.css new file mode 100644 index 0000000..96fca9c --- /dev/null +++ b/.history/notes/project_20260201112508.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px ; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112512.css b/.history/notes/project_20260201112512.css new file mode 100644 index 0000000..7f1def1 --- /dev/null +++ b/.history/notes/project_20260201112512.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112514.css b/.history/notes/project_20260201112514.css new file mode 100644 index 0000000..51754a5 --- /dev/null +++ b/.history/notes/project_20260201112514.css @@ -0,0 +1,28 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112545.css b/.history/notes/project_20260201112545.css new file mode 100644 index 0000000..912ffb2 --- /dev/null +++ b/.history/notes/project_20260201112545.css @@ -0,0 +1,30 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right \ No newline at end of file diff --git a/.history/notes/project_20260201112550.css b/.history/notes/project_20260201112550.css new file mode 100644 index 0000000..80620d0 --- /dev/null +++ b/.history/notes/project_20260201112550.css @@ -0,0 +1,32 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112605.css b/.history/notes/project_20260201112605.css new file mode 100644 index 0000000..1132cea --- /dev/null +++ b/.history/notes/project_20260201112605.css @@ -0,0 +1,33 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112619.css b/.history/notes/project_20260201112619.css new file mode 100644 index 0000000..978da26 --- /dev/null +++ b/.history/notes/project_20260201112619.css @@ -0,0 +1,34 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112623.css b/.history/notes/project_20260201112623.css new file mode 100644 index 0000000..72bb93f --- /dev/null +++ b/.history/notes/project_20260201112623.css @@ -0,0 +1,34 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112625.css b/.history/notes/project_20260201112625.css new file mode 100644 index 0000000..ff63fd8 --- /dev/null +++ b/.history/notes/project_20260201112625.css @@ -0,0 +1,34 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} diff --git a/.history/notes/project_20260201112628.css b/.history/notes/project_20260201112628.css new file mode 100644 index 0000000..c3c524c --- /dev/null +++ b/.history/notes/project_20260201112628.css @@ -0,0 +1,35 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right \ No newline at end of file diff --git a/.history/notes/project_20260201112639.css b/.history/notes/project_20260201112639.css new file mode 100644 index 0000000..82731ea --- /dev/null +++ b/.history/notes/project_20260201112639.css @@ -0,0 +1,37 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right{ + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112644.css b/.history/notes/project_20260201112644.css new file mode 100644 index 0000000..42432fe --- /dev/null +++ b/.history/notes/project_20260201112644.css @@ -0,0 +1,37 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112654.css b/.history/notes/project_20260201112654.css new file mode 100644 index 0000000..b0d67b2 --- /dev/null +++ b/.history/notes/project_20260201112654.css @@ -0,0 +1,37 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list +} \ No newline at end of file diff --git a/.history/notes/project_20260201112656.css b/.history/notes/project_20260201112656.css new file mode 100644 index 0000000..4149377 --- /dev/null +++ b/.history/notes/project_20260201112656.css @@ -0,0 +1,37 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112705.css b/.history/notes/project_20260201112705.css new file mode 100644 index 0000000..1f4d178 --- /dev/null +++ b/.history/notes/project_20260201112705.css @@ -0,0 +1,37 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112717.css b/.history/notes/project_20260201112717.css new file mode 100644 index 0000000..0a8af51 --- /dev/null +++ b/.history/notes/project_20260201112717.css @@ -0,0 +1,38 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a \ No newline at end of file diff --git a/.history/notes/project_20260201112731.css b/.history/notes/project_20260201112731.css new file mode 100644 index 0000000..37b684d --- /dev/null +++ b/.history/notes/project_20260201112731.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112733.css b/.history/notes/project_20260201112733.css new file mode 100644 index 0000000..c1b2005 --- /dev/null +++ b/.history/notes/project_20260201112733.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112738.css b/.history/notes/project_20260201112738.css new file mode 100644 index 0000000..963bd27 --- /dev/null +++ b/.history/notes/project_20260201112738.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112740.css b/.history/notes/project_20260201112740.css new file mode 100644 index 0000000..a533e69 --- /dev/null +++ b/.history/notes/project_20260201112740.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112742.css b/.history/notes/project_20260201112742.css new file mode 100644 index 0000000..cfd9bdf --- /dev/null +++ b/.history/notes/project_20260201112742.css @@ -0,0 +1,41 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112810.html b/.history/notes/project_20260201112810.html new file mode 100644 index 0000000..e83ed25 --- /dev/null +++ b/.history/notes/project_20260201112810.html @@ -0,0 +1,31 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201112821.css b/.history/notes/project_20260201112821.css new file mode 100644 index 0000000..c3aea69 --- /dev/null +++ b/.history/notes/project_20260201112821.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + background: red; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112831.css b/.history/notes/project_20260201112831.css new file mode 100644 index 0000000..0b5bfa0 --- /dev/null +++ b/.history/notes/project_20260201112831.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112834.css b/.history/notes/project_20260201112834.css new file mode 100644 index 0000000..512925f --- /dev/null +++ b/.history/notes/project_20260201112834.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112837.css b/.history/notes/project_20260201112837.css new file mode 100644 index 0000000..4cd3e49 --- /dev/null +++ b/.history/notes/project_20260201112837.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 10px ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112841.css b/.history/notes/project_20260201112841.css new file mode 100644 index 0000000..cdf46b0 --- /dev/null +++ b/.history/notes/project_20260201112841.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 10px 20px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112845.css b/.history/notes/project_20260201112845.css new file mode 100644 index 0000000..7de434e --- /dev/null +++ b/.history/notes/project_20260201112845.css @@ -0,0 +1,45 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 10px 20px; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201112848.css b/.history/notes/project_20260201112848.css new file mode 100644 index 0000000..6b142ed --- /dev/null +++ b/.history/notes/project_20260201112848.css @@ -0,0 +1,45 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 10px 20px; + background: red; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112909.css b/.history/notes/project_20260201112909.css new file mode 100644 index 0000000..39d1a5d --- /dev/null +++ b/.history/notes/project_20260201112909.css @@ -0,0 +1,45 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + background: red; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112914.css b/.history/notes/project_20260201112914.css new file mode 100644 index 0000000..050cd20 --- /dev/null +++ b/.history/notes/project_20260201112914.css @@ -0,0 +1,45 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + bor +} \ No newline at end of file diff --git a/.history/notes/project_20260201112921.css b/.history/notes/project_20260201112921.css new file mode 100644 index 0000000..967533e --- /dev/null +++ b/.history/notes/project_20260201112921.css @@ -0,0 +1,45 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #ddd; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112927.css b/.history/notes/project_20260201112927.css new file mode 100644 index 0000000..0d4cc37 --- /dev/null +++ b/.history/notes/project_20260201112927.css @@ -0,0 +1,45 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #ccc; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112932.css b/.history/notes/project_20260201112932.css new file mode 100644 index 0000000..b2fe007 --- /dev/null +++ b/.history/notes/project_20260201112932.css @@ -0,0 +1,45 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112937.css b/.history/notes/project_20260201112937.css new file mode 100644 index 0000000..1927b78 --- /dev/null +++ b/.history/notes/project_20260201112937.css @@ -0,0 +1,46 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + bor +} \ No newline at end of file diff --git a/.history/notes/project_20260201112940.css b/.history/notes/project_20260201112940.css new file mode 100644 index 0000000..e6644b8 --- /dev/null +++ b/.history/notes/project_20260201112940.css @@ -0,0 +1,46 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201112950.css b/.history/notes/project_20260201112950.css new file mode 100644 index 0000000..834c251 --- /dev/null +++ b/.history/notes/project_20260201112950.css @@ -0,0 +1,49 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; +} + +} +.register-button: \ No newline at end of file diff --git a/.history/notes/project_20260201112956.css b/.history/notes/project_20260201112956.css new file mode 100644 index 0000000..447675f --- /dev/null +++ b/.history/notes/project_20260201112956.css @@ -0,0 +1,48 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; +} + +.register-button:hover \ No newline at end of file diff --git a/.history/notes/project_20260201112959.css b/.history/notes/project_20260201112959.css new file mode 100644 index 0000000..ac850cb --- /dev/null +++ b/.history/notes/project_20260201112959.css @@ -0,0 +1,50 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; +} + +.register-button:hover{ + back +} \ No newline at end of file diff --git a/.history/notes/project_20260201113002.css b/.history/notes/project_20260201113002.css new file mode 100644 index 0000000..9543453 --- /dev/null +++ b/.history/notes/project_20260201113002.css @@ -0,0 +1,50 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; +} + +.register-button:hover{ + background: blue; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113015.css b/.history/notes/project_20260201113015.css new file mode 100644 index 0000000..c5ffd65 --- /dev/null +++ b/.history/notes/project_20260201113015.css @@ -0,0 +1,51 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; +} + +.register-button:hover{ + background: blue; + color: white; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113028.css b/.history/notes/project_20260201113028.css new file mode 100644 index 0000000..afe5aec --- /dev/null +++ b/.history/notes/project_20260201113028.css @@ -0,0 +1,52 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + +} + +.register-button:hover{ + background: blue; + color: white; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113031.css b/.history/notes/project_20260201113031.css new file mode 100644 index 0000000..929776a --- /dev/null +++ b/.history/notes/project_20260201113031.css @@ -0,0 +1,52 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + tra +} + +.register-button:hover{ + background: blue; + color: white; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113034.css b/.history/notes/project_20260201113034.css new file mode 100644 index 0000000..b2fc14e --- /dev/null +++ b/.history/notes/project_20260201113034.css @@ -0,0 +1,52 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.; +} + +.register-button:hover{ + background: blue; + color: white; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113038.css b/.history/notes/project_20260201113038.css new file mode 100644 index 0000000..98f8d60 --- /dev/null +++ b/.history/notes/project_20260201113038.css @@ -0,0 +1,52 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s e; +} + +.register-button:hover{ + background: blue; + color: white; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113040.css b/.history/notes/project_20260201113040.css new file mode 100644 index 0000000..6527772 --- /dev/null +++ b/.history/notes/project_20260201113040.css @@ -0,0 +1,52 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113055.html b/.history/notes/project_20260201113055.html new file mode 100644 index 0000000..4f9d7c1 --- /dev/null +++ b/.history/notes/project_20260201113055.html @@ -0,0 +1,31 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113057.html b/.history/notes/project_20260201113057.html new file mode 100644 index 0000000..4c8664e --- /dev/null +++ b/.history/notes/project_20260201113057.html @@ -0,0 +1,33 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201113104.html b/.history/notes/project_20260201113104.html new file mode 100644 index 0000000..d6fff8d --- /dev/null +++ b/.history/notes/project_20260201113104.html @@ -0,0 +1,33 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + hero section + + \ No newline at end of file diff --git a/.history/notes/project_20260201113113.html b/.history/notes/project_20260201113113.html new file mode 100644 index 0000000..998f47a --- /dev/null +++ b/.history/notes/project_20260201113113.html @@ -0,0 +1,33 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201113115.html b/.history/notes/project_20260201113115.html new file mode 100644 index 0000000..5587dca --- /dev/null +++ b/.history/notes/project_20260201113115.html @@ -0,0 +1,34 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201113347.html b/.history/notes/project_20260201113347.html new file mode 100644 index 0000000..70300b9 --- /dev/null +++ b/.history/notes/project_20260201113347.html @@ -0,0 +1,34 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201113349.html b/.history/notes/project_20260201113349.html new file mode 100644 index 0000000..8950f44 --- /dev/null +++ b/.history/notes/project_20260201113349.html @@ -0,0 +1,34 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + + se + + \ No newline at end of file diff --git a/.history/notes/project_20260201113350.html b/.history/notes/project_20260201113350.html new file mode 100644 index 0000000..6acdcd2 --- /dev/null +++ b/.history/notes/project_20260201113350.html @@ -0,0 +1,34 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + + sect + + \ No newline at end of file diff --git a/.history/notes/project_20260201113352.html b/.history/notes/project_20260201113352.html new file mode 100644 index 0000000..771cbb8 --- /dev/null +++ b/.history/notes/project_20260201113352.html @@ -0,0 +1,36 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113355.html b/.history/notes/project_20260201113355.html new file mode 100644 index 0000000..24fc173 --- /dev/null +++ b/.history/notes/project_20260201113355.html @@ -0,0 +1,36 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113358.html b/.history/notes/project_20260201113358.html new file mode 100644 index 0000000..000ded7 --- /dev/null +++ b/.history/notes/project_20260201113358.html @@ -0,0 +1,36 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113403.html b/.history/notes/project_20260201113403.html new file mode 100644 index 0000000..a4b84f4 --- /dev/null +++ b/.history/notes/project_20260201113403.html @@ -0,0 +1,36 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113411.html b/.history/notes/project_20260201113411.html new file mode 100644 index 0000000..5fac45e --- /dev/null +++ b/.history/notes/project_20260201113411.html @@ -0,0 +1,36 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    + div +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113412.html b/.history/notes/project_20260201113412.html new file mode 100644 index 0000000..75d9f4a --- /dev/null +++ b/.history/notes/project_20260201113412.html @@ -0,0 +1,36 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113419.html b/.history/notes/project_20260201113419.html new file mode 100644 index 0000000..1d2ff9f --- /dev/null +++ b/.history/notes/project_20260201113419.html @@ -0,0 +1,38 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113421.html b/.history/notes/project_20260201113421.html new file mode 100644 index 0000000..1d2ff9f --- /dev/null +++ b/.history/notes/project_20260201113421.html @@ -0,0 +1,38 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113427.html b/.history/notes/project_20260201113427.html new file mode 100644 index 0000000..e92a04d --- /dev/null +++ b/.history/notes/project_20260201113427.html @@ -0,0 +1,38 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113444.html b/.history/notes/project_20260201113444.html new file mode 100644 index 0000000..17b38a7 --- /dev/null +++ b/.history/notes/project_20260201113444.html @@ -0,0 +1,39 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113455.css b/.history/notes/project_20260201113455.css new file mode 100644 index 0000000..cdae293 --- /dev/null +++ b/.history/notes/project_20260201113455.css @@ -0,0 +1,54 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ \ No newline at end of file diff --git a/.history/notes/project_20260201113458.css b/.history/notes/project_20260201113458.css new file mode 100644 index 0000000..3f11181 --- /dev/null +++ b/.history/notes/project_20260201113458.css @@ -0,0 +1,56 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section \ No newline at end of file diff --git a/.history/notes/project_20260201113459.css b/.history/notes/project_20260201113459.css new file mode 100644 index 0000000..42adebd --- /dev/null +++ b/.history/notes/project_20260201113459.css @@ -0,0 +1,56 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{} \ No newline at end of file diff --git a/.history/notes/project_20260201113504.css b/.history/notes/project_20260201113504.css new file mode 100644 index 0000000..594cf77 --- /dev/null +++ b/.history/notes/project_20260201113504.css @@ -0,0 +1,59 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + hi +} \ No newline at end of file diff --git a/.history/notes/project_20260201113507.css b/.history/notes/project_20260201113507.css new file mode 100644 index 0000000..88ccb71 --- /dev/null +++ b/.history/notes/project_20260201113507.css @@ -0,0 +1,59 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113518.css b/.history/notes/project_20260201113518.css new file mode 100644 index 0000000..2c5b875 --- /dev/null +++ b/.history/notes/project_20260201113518.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113521.css b/.history/notes/project_20260201113521.css new file mode 100644 index 0000000..b00d322 --- /dev/null +++ b/.history/notes/project_20260201113521.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: blue; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113544.css b/.history/notes/project_20260201113544.css new file mode 100644 index 0000000..ff77b9a --- /dev/null +++ b/.history/notes/project_20260201113544.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgb); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113546.css b/.history/notes/project_20260201113546.css new file mode 100644 index 0000000..cf87b53 --- /dev/null +++ b/.history/notes/project_20260201113546.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba()); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113550.css b/.history/notes/project_20260201113550.css new file mode 100644 index 0000000..47f058c --- /dev/null +++ b/.history/notes/project_20260201113550.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(3,3,3)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113552.css b/.history/notes/project_20260201113552.css new file mode 100644 index 0000000..dda1196 --- /dev/null +++ b/.history/notes/project_20260201113552.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(3,3,3, )); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113554.css b/.history/notes/project_20260201113554.css new file mode 100644 index 0000000..c4c2edf --- /dev/null +++ b/.history/notes/project_20260201113554.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(3,3,3, 0.5)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113558.css b/.history/notes/project_20260201113558.css new file mode 100644 index 0000000..a9835d1 --- /dev/null +++ b/.history/notes/project_20260201113558.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(3,3,3, 0.5) ); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113602.css b/.history/notes/project_20260201113602.css new file mode 100644 index 0000000..fa42959 --- /dev/null +++ b/.history/notes/project_20260201113602.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(3,3,3, 0.5), rgba()); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113605.css b/.history/notes/project_20260201113605.css new file mode 100644 index 0000000..43cd055 --- /dev/null +++ b/.history/notes/project_20260201113605.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(3,3,3, 0.5), rgba(3,3,3)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113610.css b/.history/notes/project_20260201113610.css new file mode 100644 index 0000000..204dda7 --- /dev/null +++ b/.history/notes/project_20260201113610.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(3,3,3, 0.5), rgba(3,3,3, 0.6)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113619.css b/.history/notes/project_20260201113619.css new file mode 100644 index 0000000..6f43769 --- /dev/null +++ b/.history/notes/project_20260201113619.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(3, 3, 3, 0.5), rgba(3,3,3, 0.6)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113625.css b/.history/notes/project_20260201113625.css new file mode 100644 index 0000000..6f43769 --- /dev/null +++ b/.history/notes/project_20260201113625.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(3, 3, 3, 0.5), rgba(3,3,3, 0.6)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113628.css b/.history/notes/project_20260201113628.css new file mode 100644 index 0000000..31ed378 --- /dev/null +++ b/.history/notes/project_20260201113628.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(3,3,3, 0.6)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113637.css b/.history/notes/project_20260201113637.css new file mode 100644 index 0000000..0ca204b --- /dev/null +++ b/.history/notes/project_20260201113637.css @@ -0,0 +1,60 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201113648.css b/.history/notes/project_20260201113648.css new file mode 100644 index 0000000..ead65bc --- /dev/null +++ b/.history/notes/project_20260201113648.css @@ -0,0 +1,61 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113656.html b/.history/notes/project_20260201113656.html new file mode 100644 index 0000000..0c68933 --- /dev/null +++ b/.history/notes/project_20260201113656.html @@ -0,0 +1,39 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113702.html b/.history/notes/project_20260201113702.html new file mode 100644 index 0000000..9b87763 --- /dev/null +++ b/.history/notes/project_20260201113702.html @@ -0,0 +1,39 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201113712.css b/.history/notes/project_20260201113712.css new file mode 100644 index 0000000..26fd184 --- /dev/null +++ b/.history/notes/project_20260201113712.css @@ -0,0 +1,64 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113722.css b/.history/notes/project_20260201113722.css new file mode 100644 index 0000000..368f902 --- /dev/null +++ b/.history/notes/project_20260201113722.css @@ -0,0 +1,65 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113733.css b/.history/notes/project_20260201113733.css new file mode 100644 index 0000000..6bf85ed --- /dev/null +++ b/.history/notes/project_20260201113733.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + fon +} \ No newline at end of file diff --git a/.history/notes/project_20260201113735.css b/.history/notes/project_20260201113735.css new file mode 100644 index 0000000..e4bbe3b --- /dev/null +++ b/.history/notes/project_20260201113735.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113738.css b/.history/notes/project_20260201113738.css new file mode 100644 index 0000000..8b71bd3 --- /dev/null +++ b/.history/notes/project_20260201113738.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 10rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113742.css b/.history/notes/project_20260201113742.css new file mode 100644 index 0000000..fed6afa --- /dev/null +++ b/.history/notes/project_20260201113742.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 5rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113746.css b/.history/notes/project_20260201113746.css new file mode 100644 index 0000000..d1bb6d4 --- /dev/null +++ b/.history/notes/project_20260201113746.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 4rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113748.css b/.history/notes/project_20260201113748.css new file mode 100644 index 0000000..3bd6ff7 --- /dev/null +++ b/.history/notes/project_20260201113748.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113801.css b/.history/notes/project_20260201113801.css new file mode 100644 index 0000000..bff8a1b --- /dev/null +++ b/.history/notes/project_20260201113801.css @@ -0,0 +1,69 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + pos +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113804.css b/.history/notes/project_20260201113804.css new file mode 100644 index 0000000..802d98a --- /dev/null +++ b/.history/notes/project_20260201113804.css @@ -0,0 +1,69 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113811.css b/.history/notes/project_20260201113811.css new file mode 100644 index 0000000..bc8fb12 --- /dev/null +++ b/.history/notes/project_20260201113811.css @@ -0,0 +1,70 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: wh; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113812.css b/.history/notes/project_20260201113812.css new file mode 100644 index 0000000..54de10b --- /dev/null +++ b/.history/notes/project_20260201113812.css @@ -0,0 +1,70 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113828.css b/.history/notes/project_20260201113828.css new file mode 100644 index 0000000..f4c9d4f --- /dev/null +++ b/.history/notes/project_20260201113828.css @@ -0,0 +1,71 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; + color: ; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113830.css b/.history/notes/project_20260201113830.css new file mode 100644 index 0000000..905ecc7 --- /dev/null +++ b/.history/notes/project_20260201113830.css @@ -0,0 +1,71 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; + color: wh; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113831.css b/.history/notes/project_20260201113831.css new file mode 100644 index 0000000..e975a09 --- /dev/null +++ b/.history/notes/project_20260201113831.css @@ -0,0 +1,71 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; + color: white; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113839.css b/.history/notes/project_20260201113839.css new file mode 100644 index 0000000..36d6395 --- /dev/null +++ b/.history/notes/project_20260201113839.css @@ -0,0 +1,71 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113848.css b/.history/notes/project_20260201113848.css new file mode 100644 index 0000000..e5ffbbe --- /dev/null +++ b/.history/notes/project_20260201113848.css @@ -0,0 +1,72 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + fon +} \ No newline at end of file diff --git a/.history/notes/project_20260201113850.css b/.history/notes/project_20260201113850.css new file mode 100644 index 0000000..605aea3 --- /dev/null +++ b/.history/notes/project_20260201113850.css @@ -0,0 +1,72 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113855.css b/.history/notes/project_20260201113855.css new file mode 100644 index 0000000..0e759a2 --- /dev/null +++ b/.history/notes/project_20260201113855.css @@ -0,0 +1,72 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: Verdana, Geneva, Tahoma, sans-serif; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113858.css b/.history/notes/project_20260201113858.css new file mode 100644 index 0000000..605aea3 --- /dev/null +++ b/.history/notes/project_20260201113858.css @@ -0,0 +1,72 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113900.css b/.history/notes/project_20260201113900.css new file mode 100644 index 0000000..a10caac --- /dev/null +++ b/.history/notes/project_20260201113900.css @@ -0,0 +1,72 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: s; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113902.css b/.history/notes/project_20260201113902.css new file mode 100644 index 0000000..a278de7 --- /dev/null +++ b/.history/notes/project_20260201113902.css @@ -0,0 +1,72 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: serif; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113906.css b/.history/notes/project_20260201113906.css new file mode 100644 index 0000000..a10caac --- /dev/null +++ b/.history/notes/project_20260201113906.css @@ -0,0 +1,72 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: s; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113907.css b/.history/notes/project_20260201113907.css new file mode 100644 index 0000000..e9e2277 --- /dev/null +++ b/.history/notes/project_20260201113907.css @@ -0,0 +1,72 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113911.css b/.history/notes/project_20260201113911.css new file mode 100644 index 0000000..a10caac --- /dev/null +++ b/.history/notes/project_20260201113911.css @@ -0,0 +1,72 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: s; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113913.css b/.history/notes/project_20260201113913.css new file mode 100644 index 0000000..85b1820 --- /dev/null +++ b/.history/notes/project_20260201113913.css @@ -0,0 +1,72 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} \ No newline at end of file diff --git a/.history/notes/project_20260201113925.css b/.history/notes/project_20260201113925.css new file mode 100644 index 0000000..3952ef1 --- /dev/null +++ b/.history/notes/project_20260201113925.css @@ -0,0 +1,74 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value \ No newline at end of file diff --git a/.history/notes/project_20260201113939.css b/.history/notes/project_20260201113939.css new file mode 100644 index 0000000..8ec6c65 --- /dev/null +++ b/.history/notes/project_20260201113939.css @@ -0,0 +1,75 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + li +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value \ No newline at end of file diff --git a/.history/notes/project_20260201113940.css b/.history/notes/project_20260201113940.css new file mode 100644 index 0000000..95a130d --- /dev/null +++ b/.history/notes/project_20260201113940.css @@ -0,0 +1,75 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + list-style: ; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value \ No newline at end of file diff --git a/.history/notes/project_20260201113942.css b/.history/notes/project_20260201113942.css new file mode 100644 index 0000000..8208a76 --- /dev/null +++ b/.history/notes/project_20260201113942.css @@ -0,0 +1,75 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value \ No newline at end of file diff --git a/.history/notes/project_20260201113945.css b/.history/notes/project_20260201113945.css new file mode 100644 index 0000000..27fc9a5 --- /dev/null +++ b/.history/notes/project_20260201113945.css @@ -0,0 +1,75 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value \ No newline at end of file diff --git a/.history/notes/project_20260201113947.css b/.history/notes/project_20260201113947.css new file mode 100644 index 0000000..e360356 --- /dev/null +++ b/.history/notes/project_20260201113947.css @@ -0,0 +1,75 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.2; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value \ No newline at end of file diff --git a/.history/notes/project_20260201113950.css b/.history/notes/project_20260201113950.css new file mode 100644 index 0000000..553e431 --- /dev/null +++ b/.history/notes/project_20260201113950.css @@ -0,0 +1,75 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.3; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value \ No newline at end of file diff --git a/.history/notes/project_20260201113952.css b/.history/notes/project_20260201113952.css new file mode 100644 index 0000000..e5802f8 --- /dev/null +++ b/.history/notes/project_20260201113952.css @@ -0,0 +1,75 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 2; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value \ No newline at end of file diff --git a/.history/notes/project_20260201113956.css b/.history/notes/project_20260201113956.css new file mode 100644 index 0000000..4cce9ea --- /dev/null +++ b/.history/notes/project_20260201113956.css @@ -0,0 +1,75 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value \ No newline at end of file diff --git a/.history/notes/project_20260201114001.css b/.history/notes/project_20260201114001.css new file mode 100644 index 0000000..736b28e --- /dev/null +++ b/.history/notes/project_20260201114001.css @@ -0,0 +1,77 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font +} \ No newline at end of file diff --git a/.history/notes/project_20260201114004.css b/.history/notes/project_20260201114004.css new file mode 100644 index 0000000..b52bf85 --- /dev/null +++ b/.history/notes/project_20260201114004.css @@ -0,0 +1,77 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114007.css b/.history/notes/project_20260201114007.css new file mode 100644 index 0000000..765b758 --- /dev/null +++ b/.history/notes/project_20260201114007.css @@ -0,0 +1,77 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114020.html b/.history/notes/project_20260201114020.html new file mode 100644 index 0000000..6d4dbc1 --- /dev/null +++ b/.history/notes/project_20260201114020.html @@ -0,0 +1,41 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201114023.html b/.history/notes/project_20260201114023.html new file mode 100644 index 0000000..df29cf0 --- /dev/null +++ b/.history/notes/project_20260201114023.html @@ -0,0 +1,41 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + o + + \ No newline at end of file diff --git a/.history/notes/project_20260201114027.html b/.history/notes/project_20260201114027.html new file mode 100644 index 0000000..3dbfd65 --- /dev/null +++ b/.history/notes/project_20260201114027.html @@ -0,0 +1,41 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201114031.html b/.history/notes/project_20260201114031.html new file mode 100644 index 0000000..a362cb8 --- /dev/null +++ b/.history/notes/project_20260201114031.html @@ -0,0 +1,43 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + + sec + + \ No newline at end of file diff --git a/.history/notes/project_20260201114033.html b/.history/notes/project_20260201114033.html new file mode 100644 index 0000000..64ee6ed --- /dev/null +++ b/.history/notes/project_20260201114033.html @@ -0,0 +1,45 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114036.html b/.history/notes/project_20260201114036.html new file mode 100644 index 0000000..560034d --- /dev/null +++ b/.history/notes/project_20260201114036.html @@ -0,0 +1,45 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114038.html b/.history/notes/project_20260201114038.html new file mode 100644 index 0000000..ea8ae5e --- /dev/null +++ b/.history/notes/project_20260201114038.html @@ -0,0 +1,45 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114040.html b/.history/notes/project_20260201114040.html new file mode 100644 index 0000000..dd0ca6a --- /dev/null +++ b/.history/notes/project_20260201114040.html @@ -0,0 +1,45 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    + +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114101.html b/.history/notes/project_20260201114101.html new file mode 100644 index 0000000..3ddedbe --- /dev/null +++ b/.history/notes/project_20260201114101.html @@ -0,0 +1,47 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    + +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114104.html b/.history/notes/project_20260201114104.html new file mode 100644 index 0000000..25c7074 --- /dev/null +++ b/.history/notes/project_20260201114104.html @@ -0,0 +1,47 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114108.html b/.history/notes/project_20260201114108.html new file mode 100644 index 0000000..4dafea9 --- /dev/null +++ b/.history/notes/project_20260201114108.html @@ -0,0 +1,47 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114114.html b/.history/notes/project_20260201114114.html new file mode 100644 index 0000000..f958fc9 --- /dev/null +++ b/.history/notes/project_20260201114114.html @@ -0,0 +1,48 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore or

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114118.html b/.history/notes/project_20260201114118.html new file mode 100644 index 0000000..ab795e4 --- /dev/null +++ b/.history/notes/project_20260201114118.html @@ -0,0 +1,48 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114120.html b/.history/notes/project_20260201114120.html new file mode 100644 index 0000000..3e2f223 --- /dev/null +++ b/.history/notes/project_20260201114120.html @@ -0,0 +1,48 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114128.html b/.history/notes/project_20260201114128.html new file mode 100644 index 0000000..420fc2c --- /dev/null +++ b/.history/notes/project_20260201114128.html @@ -0,0 +1,48 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114134.html b/.history/notes/project_20260201114134.html new file mode 100644 index 0000000..52deb58 --- /dev/null +++ b/.history/notes/project_20260201114134.html @@ -0,0 +1,50 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + + .galley +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114140.html b/.history/notes/project_20260201114140.html new file mode 100644 index 0000000..3dd2c49 --- /dev/null +++ b/.history/notes/project_20260201114140.html @@ -0,0 +1,52 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    + +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114145.html b/.history/notes/project_20260201114145.html new file mode 100644 index 0000000..9838ce4 --- /dev/null +++ b/.history/notes/project_20260201114145.html @@ -0,0 +1,52 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    + +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114149.html b/.history/notes/project_20260201114149.html new file mode 100644 index 0000000..cd0d5ce --- /dev/null +++ b/.history/notes/project_20260201114149.html @@ -0,0 +1,54 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + img +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114150.html b/.history/notes/project_20260201114150.html new file mode 100644 index 0000000..02fd9de --- /dev/null +++ b/.history/notes/project_20260201114150.html @@ -0,0 +1,54 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114154.html b/.history/notes/project_20260201114154.html new file mode 100644 index 0000000..b62445c --- /dev/null +++ b/.history/notes/project_20260201114154.html @@ -0,0 +1,54 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114156.html b/.history/notes/project_20260201114156.html new file mode 100644 index 0000000..f09f70f --- /dev/null +++ b/.history/notes/project_20260201114156.html @@ -0,0 +1,54 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114200.html b/.history/notes/project_20260201114200.html new file mode 100644 index 0000000..1cef00a --- /dev/null +++ b/.history/notes/project_20260201114200.html @@ -0,0 +1,55 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + + +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114205.html b/.history/notes/project_20260201114205.html new file mode 100644 index 0000000..9d3812a --- /dev/null +++ b/.history/notes/project_20260201114205.html @@ -0,0 +1,55 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114209.html b/.history/notes/project_20260201114209.html new file mode 100644 index 0000000..24bc40b --- /dev/null +++ b/.history/notes/project_20260201114209.html @@ -0,0 +1,55 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114307.css b/.history/notes/project_20260201114307.css new file mode 100644 index 0000000..d6021be --- /dev/null +++ b/.history/notes/project_20260201114307.css @@ -0,0 +1,79 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +gallery \ No newline at end of file diff --git a/.history/notes/project_20260201114308.css b/.history/notes/project_20260201114308.css new file mode 100644 index 0000000..27debdf --- /dev/null +++ b/.history/notes/project_20260201114308.css @@ -0,0 +1,79 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ \ No newline at end of file diff --git a/.history/notes/project_20260201114316.css b/.history/notes/project_20260201114316.css new file mode 100644 index 0000000..85199c0 --- /dev/null +++ b/.history/notes/project_20260201114316.css @@ -0,0 +1,83 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + mar +} \ No newline at end of file diff --git a/.history/notes/project_20260201114319.css b/.history/notes/project_20260201114319.css new file mode 100644 index 0000000..8be3495 --- /dev/null +++ b/.history/notes/project_20260201114319.css @@ -0,0 +1,83 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114336.css b/.history/notes/project_20260201114336.css new file mode 100644 index 0000000..b96e868 --- /dev/null +++ b/.history/notes/project_20260201114336.css @@ -0,0 +1,88 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text +} \ No newline at end of file diff --git a/.history/notes/project_20260201114339.css b/.history/notes/project_20260201114339.css new file mode 100644 index 0000000..830cdf7 --- /dev/null +++ b/.history/notes/project_20260201114339.css @@ -0,0 +1,88 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114350.css b/.history/notes/project_20260201114350.css new file mode 100644 index 0000000..ceaffc9 --- /dev/null +++ b/.history/notes/project_20260201114350.css @@ -0,0 +1,91 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + fon +} \ No newline at end of file diff --git a/.history/notes/project_20260201114352.css b/.history/notes/project_20260201114352.css new file mode 100644 index 0000000..c605ba2 --- /dev/null +++ b/.history/notes/project_20260201114352.css @@ -0,0 +1,91 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114354.css b/.history/notes/project_20260201114354.css new file mode 100644 index 0000000..a1a2107 --- /dev/null +++ b/.history/notes/project_20260201114354.css @@ -0,0 +1,91 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114410.css b/.history/notes/project_20260201114410.css new file mode 100644 index 0000000..985d0ee --- /dev/null +++ b/.history/notes/project_20260201114410.css @@ -0,0 +1,91 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114417.css b/.history/notes/project_20260201114417.css new file mode 100644 index 0000000..f41e08b --- /dev/null +++ b/.history/notes/project_20260201114417.css @@ -0,0 +1,92 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title \ No newline at end of file diff --git a/.history/notes/project_20260201114420.css b/.history/notes/project_20260201114420.css new file mode 100644 index 0000000..39578c0 --- /dev/null +++ b/.history/notes/project_20260201114420.css @@ -0,0 +1,94 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + fo +} \ No newline at end of file diff --git a/.history/notes/project_20260201114422.css b/.history/notes/project_20260201114422.css new file mode 100644 index 0000000..6bb95e4 --- /dev/null +++ b/.history/notes/project_20260201114422.css @@ -0,0 +1,94 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 20px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114426.css b/.history/notes/project_20260201114426.css new file mode 100644 index 0000000..c15afa1 --- /dev/null +++ b/.history/notes/project_20260201114426.css @@ -0,0 +1,94 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114440.css b/.history/notes/project_20260201114440.css new file mode 100644 index 0000000..eeb2a73 --- /dev/null +++ b/.history/notes/project_20260201114440.css @@ -0,0 +1,95 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + diff --git a/.history/notes/project_20260201114453.css b/.history/notes/project_20260201114453.css new file mode 100644 index 0000000..fb7400a --- /dev/null +++ b/.history/notes/project_20260201114453.css @@ -0,0 +1,99 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114455.css b/.history/notes/project_20260201114455.css new file mode 100644 index 0000000..e20693f --- /dev/null +++ b/.history/notes/project_20260201114455.css @@ -0,0 +1,99 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114501.css b/.history/notes/project_20260201114501.css new file mode 100644 index 0000000..cb5a508 --- /dev/null +++ b/.history/notes/project_20260201114501.css @@ -0,0 +1,100 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201114504.css b/.history/notes/project_20260201114504.css new file mode 100644 index 0000000..0c672ac --- /dev/null +++ b/.history/notes/project_20260201114504.css @@ -0,0 +1,100 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + di +} \ No newline at end of file diff --git a/.history/notes/project_20260201114508.css b/.history/notes/project_20260201114508.css new file mode 100644 index 0000000..ee760f1 --- /dev/null +++ b/.history/notes/project_20260201114508.css @@ -0,0 +1,101 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + gri +} \ No newline at end of file diff --git a/.history/notes/project_20260201114509.css b/.history/notes/project_20260201114509.css new file mode 100644 index 0000000..3482091 --- /dev/null +++ b/.history/notes/project_20260201114509.css @@ -0,0 +1,101 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114516.css b/.history/notes/project_20260201114516.css new file mode 100644 index 0000000..78ef6d8 --- /dev/null +++ b/.history/notes/project_20260201114516.css @@ -0,0 +1,101 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(); +} \ No newline at end of file diff --git a/.history/notes/project_20260201114522.css b/.history/notes/project_20260201114522.css new file mode 100644 index 0000000..a546c79 --- /dev/null +++ b/.history/notes/project_20260201114522.css @@ -0,0 +1,101 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax()); +} \ No newline at end of file diff --git a/.history/notes/project_20260201114527.css b/.history/notes/project_20260201114527.css new file mode 100644 index 0000000..355673a --- /dev/null +++ b/.history/notes/project_20260201114527.css @@ -0,0 +1,101 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, afr)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201114529.css b/.history/notes/project_20260201114529.css new file mode 100644 index 0000000..1bb2b9d --- /dev/null +++ b/.history/notes/project_20260201114529.css @@ -0,0 +1,101 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201114544.html b/.history/notes/project_20260201114544.html new file mode 100644 index 0000000..b325ec2 --- /dev/null +++ b/.history/notes/project_20260201114544.html @@ -0,0 +1,55 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114551.css b/.history/notes/project_20260201114551.css new file mode 100644 index 0000000..49be6ef --- /dev/null +++ b/.history/notes/project_20260201114551.css @@ -0,0 +1,104 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item{ + +} \ No newline at end of file diff --git a/.history/notes/project_20260201114556.css b/.history/notes/project_20260201114556.css new file mode 100644 index 0000000..d726df2 --- /dev/null +++ b/.history/notes/project_20260201114556.css @@ -0,0 +1,104 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item ima{ + +} \ No newline at end of file diff --git a/.history/notes/project_20260201114604.css b/.history/notes/project_20260201114604.css new file mode 100644 index 0000000..6d1e965 --- /dev/null +++ b/.history/notes/project_20260201114604.css @@ -0,0 +1,104 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114612.css b/.history/notes/project_20260201114612.css new file mode 100644 index 0000000..4b41ed0 --- /dev/null +++ b/.history/notes/project_20260201114612.css @@ -0,0 +1,105 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114614.css b/.history/notes/project_20260201114614.css new file mode 100644 index 0000000..e489326 --- /dev/null +++ b/.history/notes/project_20260201114614.css @@ -0,0 +1,105 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: 13; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114616.css b/.history/notes/project_20260201114616.css new file mode 100644 index 0000000..ae5ad46 --- /dev/null +++ b/.history/notes/project_20260201114616.css @@ -0,0 +1,105 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: 130px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114621.css b/.history/notes/project_20260201114621.css new file mode 100644 index 0000000..a7abf44 --- /dev/null +++ b/.history/notes/project_20260201114621.css @@ -0,0 +1,105 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: 200px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114626.css b/.history/notes/project_20260201114626.css new file mode 100644 index 0000000..d9d29fb --- /dev/null +++ b/.history/notes/project_20260201114626.css @@ -0,0 +1,105 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: 250px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114702.css b/.history/notes/project_20260201114702.css new file mode 100644 index 0000000..548f7b0 --- /dev/null +++ b/.history/notes/project_20260201114702.css @@ -0,0 +1,106 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114716.css b/.history/notes/project_20260201114716.css new file mode 100644 index 0000000..8e2e051 --- /dev/null +++ b/.history/notes/project_20260201114716.css @@ -0,0 +1,106 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114735.css b/.history/notes/project_20260201114735.css new file mode 100644 index 0000000..bbd2e5b --- /dev/null +++ b/.history/notes/project_20260201114735.css @@ -0,0 +1,107 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + +} \ No newline at end of file diff --git a/.history/notes/project_20260201114737.css b/.history/notes/project_20260201114737.css new file mode 100644 index 0000000..d35a706 --- /dev/null +++ b/.history/notes/project_20260201114737.css @@ -0,0 +1,107 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + bor +} \ No newline at end of file diff --git a/.history/notes/project_20260201114741.css b/.history/notes/project_20260201114741.css new file mode 100644 index 0000000..aa281ab --- /dev/null +++ b/.history/notes/project_20260201114741.css @@ -0,0 +1,107 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114743.css b/.history/notes/project_20260201114743.css new file mode 100644 index 0000000..01ab249 --- /dev/null +++ b/.history/notes/project_20260201114743.css @@ -0,0 +1,107 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114751.css b/.history/notes/project_20260201114751.css new file mode 100644 index 0000000..af37d1a --- /dev/null +++ b/.history/notes/project_20260201114751.css @@ -0,0 +1,108 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114753.css b/.history/notes/project_20260201114753.css new file mode 100644 index 0000000..535278c --- /dev/null +++ b/.history/notes/project_20260201114753.css @@ -0,0 +1,108 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: ; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114756.css b/.history/notes/project_20260201114756.css new file mode 100644 index 0000000..b917683 --- /dev/null +++ b/.history/notes/project_20260201114756.css @@ -0,0 +1,108 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114805.css b/.history/notes/project_20260201114805.css new file mode 100644 index 0000000..72ba94d --- /dev/null +++ b/.history/notes/project_20260201114805.css @@ -0,0 +1,109 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114813.css b/.history/notes/project_20260201114813.css new file mode 100644 index 0000000..ca0111e --- /dev/null +++ b/.history/notes/project_20260201114813.css @@ -0,0 +1,112 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + boax +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114827.css b/.history/notes/project_20260201114827.css new file mode 100644 index 0000000..50172de --- /dev/null +++ b/.history/notes/project_20260201114827.css @@ -0,0 +1,112 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 4px 2px #dd; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114828.css b/.history/notes/project_20260201114828.css new file mode 100644 index 0000000..7df1aa8 --- /dev/null +++ b/.history/notes/project_20260201114828.css @@ -0,0 +1,112 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 4px 2px #ddd; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114842.html b/.history/notes/project_20260201114842.html new file mode 100644 index 0000000..e6ef740 --- /dev/null +++ b/.history/notes/project_20260201114842.html @@ -0,0 +1,57 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114858.css b/.history/notes/project_20260201114858.css new file mode 100644 index 0000000..853d888 --- /dev/null +++ b/.history/notes/project_20260201114858.css @@ -0,0 +1,112 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ddd; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114905.css b/.history/notes/project_20260201114905.css new file mode 100644 index 0000000..14ee440 --- /dev/null +++ b/.history/notes/project_20260201114905.css @@ -0,0 +1,112 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114918.css b/.history/notes/project_20260201114918.css new file mode 100644 index 0000000..f7f7fd7 --- /dev/null +++ b/.history/notes/project_20260201114918.css @@ -0,0 +1,113 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + bor +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114920.css b/.history/notes/project_20260201114920.css new file mode 100644 index 0000000..d81dbf7 --- /dev/null +++ b/.history/notes/project_20260201114920.css @@ -0,0 +1,113 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: ; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114922.css b/.history/notes/project_20260201114922.css new file mode 100644 index 0000000..d70f073 --- /dev/null +++ b/.history/notes/project_20260201114922.css @@ -0,0 +1,113 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201114938.html b/.history/notes/project_20260201114938.html new file mode 100644 index 0000000..586f5c6 --- /dev/null +++ b/.history/notes/project_20260201114938.html @@ -0,0 +1,58 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114942.html b/.history/notes/project_20260201114942.html new file mode 100644 index 0000000..d9dea03 --- /dev/null +++ b/.history/notes/project_20260201114942.html @@ -0,0 +1,58 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114948.html b/.history/notes/project_20260201114948.html new file mode 100644 index 0000000..0f981a0 --- /dev/null +++ b/.history/notes/project_20260201114948.html @@ -0,0 +1,58 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackthon

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114950.html b/.history/notes/project_20260201114950.html new file mode 100644 index 0000000..1ca8ba2 --- /dev/null +++ b/.history/notes/project_20260201114950.html @@ -0,0 +1,58 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201114958.css b/.history/notes/project_20260201114958.css new file mode 100644 index 0000000..9177a8d --- /dev/null +++ b/.history/notes/project_20260201114958.css @@ -0,0 +1,115 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item \ No newline at end of file diff --git a/.history/notes/project_20260201115003.css b/.history/notes/project_20260201115003.css new file mode 100644 index 0000000..d9803dd --- /dev/null +++ b/.history/notes/project_20260201115003.css @@ -0,0 +1,116 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item \ No newline at end of file diff --git a/.history/notes/project_20260201115006.css b/.history/notes/project_20260201115006.css new file mode 100644 index 0000000..1c8a1c8 --- /dev/null +++ b/.history/notes/project_20260201115006.css @@ -0,0 +1,116 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item \ No newline at end of file diff --git a/.history/notes/project_20260201115012.css b/.history/notes/project_20260201115012.css new file mode 100644 index 0000000..7c75825 --- /dev/null +++ b/.history/notes/project_20260201115012.css @@ -0,0 +1,118 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font +} \ No newline at end of file diff --git a/.history/notes/project_20260201115016.css b/.history/notes/project_20260201115016.css new file mode 100644 index 0000000..f20b8bd --- /dev/null +++ b/.history/notes/project_20260201115016.css @@ -0,0 +1,118 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115020.css b/.history/notes/project_20260201115020.css new file mode 100644 index 0000000..1459c69 --- /dev/null +++ b/.history/notes/project_20260201115020.css @@ -0,0 +1,119 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + fon +} \ No newline at end of file diff --git a/.history/notes/project_20260201115022.css b/.history/notes/project_20260201115022.css new file mode 100644 index 0000000..a79b67a --- /dev/null +++ b/.history/notes/project_20260201115022.css @@ -0,0 +1,119 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115027.css b/.history/notes/project_20260201115027.css new file mode 100644 index 0000000..a41db0c --- /dev/null +++ b/.history/notes/project_20260201115027.css @@ -0,0 +1,119 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: '\f0c9'; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115031.css b/.history/notes/project_20260201115031.css new file mode 100644 index 0000000..5396d57 --- /dev/null +++ b/.history/notes/project_20260201115031.css @@ -0,0 +1,119 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: nr; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115033.css b/.history/notes/project_20260201115033.css new file mode 100644 index 0000000..4a1dddf --- /dev/null +++ b/.history/notes/project_20260201115033.css @@ -0,0 +1,119 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115045.css b/.history/notes/project_20260201115045.css new file mode 100644 index 0000000..a385ff8 --- /dev/null +++ b/.history/notes/project_20260201115045.css @@ -0,0 +1,120 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115053.css b/.history/notes/project_20260201115053.css new file mode 100644 index 0000000..ef2b65d --- /dev/null +++ b/.history/notes/project_20260201115053.css @@ -0,0 +1,121 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item \ No newline at end of file diff --git a/.history/notes/project_20260201115055.css b/.history/notes/project_20260201115055.css new file mode 100644 index 0000000..739bbcb --- /dev/null +++ b/.history/notes/project_20260201115055.css @@ -0,0 +1,123 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + +} \ No newline at end of file diff --git a/.history/notes/project_20260201115058.css b/.history/notes/project_20260201115058.css new file mode 100644 index 0000000..be7f1f4 --- /dev/null +++ b/.history/notes/project_20260201115058.css @@ -0,0 +1,123 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + mar +} \ No newline at end of file diff --git a/.history/notes/project_20260201115100.css b/.history/notes/project_20260201115100.css new file mode 100644 index 0000000..8fac040 --- /dev/null +++ b/.history/notes/project_20260201115100.css @@ -0,0 +1,123 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: ; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115101.css b/.history/notes/project_20260201115101.css new file mode 100644 index 0000000..4480799 --- /dev/null +++ b/.history/notes/project_20260201115101.css @@ -0,0 +1,123 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115105.css b/.history/notes/project_20260201115105.css new file mode 100644 index 0000000..d6ecae8 --- /dev/null +++ b/.history/notes/project_20260201115105.css @@ -0,0 +1,124 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + mar +} \ No newline at end of file diff --git a/.history/notes/project_20260201115107.css b/.history/notes/project_20260201115107.css new file mode 100644 index 0000000..0fa78dd --- /dev/null +++ b/.history/notes/project_20260201115107.css @@ -0,0 +1,124 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115121.html b/.history/notes/project_20260201115121.html new file mode 100644 index 0000000..e5f12cc --- /dev/null +++ b/.history/notes/project_20260201115121.html @@ -0,0 +1,63 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201115126.html b/.history/notes/project_20260201115126.html new file mode 100644 index 0000000..bf8159d --- /dev/null +++ b/.history/notes/project_20260201115126.html @@ -0,0 +1,73 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201115202.html b/.history/notes/project_20260201115202.html new file mode 100644 index 0000000..fd0a54e --- /dev/null +++ b/.history/notes/project_20260201115202.html @@ -0,0 +1,73 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    q +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201115204.html b/.history/notes/project_20260201115204.html new file mode 100644 index 0000000..bf8159d --- /dev/null +++ b/.history/notes/project_20260201115204.html @@ -0,0 +1,73 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201115209.html b/.history/notes/project_20260201115209.html new file mode 100644 index 0000000..a8ed6b7 --- /dev/null +++ b/.history/notes/project_20260201115209.html @@ -0,0 +1,73 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201115210.html b/.history/notes/project_20260201115210.html new file mode 100644 index 0000000..b2c003e --- /dev/null +++ b/.history/notes/project_20260201115210.html @@ -0,0 +1,73 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201115222.html b/.history/notes/project_20260201115222.html new file mode 100644 index 0000000..1a6a4aa --- /dev/null +++ b/.history/notes/project_20260201115222.html @@ -0,0 +1,73 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201115223.html b/.history/notes/project_20260201115223.html new file mode 100644 index 0000000..9e814d6 --- /dev/null +++ b/.history/notes/project_20260201115223.html @@ -0,0 +1,73 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/.history/notes/project_20260201115235.css b/.history/notes/project_20260201115235.css new file mode 100644 index 0000000..b7f4f34 --- /dev/null +++ b/.history/notes/project_20260201115235.css @@ -0,0 +1,125 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + ma +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115237.css b/.history/notes/project_20260201115237.css new file mode 100644 index 0000000..c79e3ef --- /dev/null +++ b/.history/notes/project_20260201115237.css @@ -0,0 +1,125 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: ; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115241.css b/.history/notes/project_20260201115241.css new file mode 100644 index 0000000..8e613ce --- /dev/null +++ b/.history/notes/project_20260201115241.css @@ -0,0 +1,125 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115316.html b/.history/notes/project_20260201115316.html new file mode 100644 index 0000000..8eca92d --- /dev/null +++ b/.history/notes/project_20260201115316.html @@ -0,0 +1,75 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + fo + + \ No newline at end of file diff --git a/.history/notes/project_20260201115317.html b/.history/notes/project_20260201115317.html new file mode 100644 index 0000000..7036fed --- /dev/null +++ b/.history/notes/project_20260201115317.html @@ -0,0 +1,75 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115324.html b/.history/notes/project_20260201115324.html new file mode 100644 index 0000000..9ba595c --- /dev/null +++ b/.history/notes/project_20260201115324.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115327.html b/.history/notes/project_20260201115327.html new file mode 100644 index 0000000..7f2a372 --- /dev/null +++ b/.history/notes/project_20260201115327.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115329.html b/.history/notes/project_20260201115329.html new file mode 100644 index 0000000..bbaba34 --- /dev/null +++ b/.history/notes/project_20260201115329.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115330.html b/.history/notes/project_20260201115330.html new file mode 100644 index 0000000..386cfec --- /dev/null +++ b/.history/notes/project_20260201115330.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115335.html b/.history/notes/project_20260201115335.html new file mode 100644 index 0000000..b09bc1b --- /dev/null +++ b/.history/notes/project_20260201115335.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115346.html b/.history/notes/project_20260201115346.html new file mode 100644 index 0000000..65be195 --- /dev/null +++ b/.history/notes/project_20260201115346.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115349.html b/.history/notes/project_20260201115349.html new file mode 100644 index 0000000..3dda66b --- /dev/null +++ b/.history/notes/project_20260201115349.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115355.html b/.history/notes/project_20260201115355.html new file mode 100644 index 0000000..7b2f9f0 --- /dev/null +++ b/.history/notes/project_20260201115355.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115359.html b/.history/notes/project_20260201115359.html new file mode 100644 index 0000000..096d314 --- /dev/null +++ b/.history/notes/project_20260201115359.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115400.html b/.history/notes/project_20260201115400.html new file mode 100644 index 0000000..7b2f9f0 --- /dev/null +++ b/.history/notes/project_20260201115400.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115404.html b/.history/notes/project_20260201115404.html new file mode 100644 index 0000000..4959cd1 --- /dev/null +++ b/.history/notes/project_20260201115404.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115409.html b/.history/notes/project_20260201115409.html new file mode 100644 index 0000000..0ad82be --- /dev/null +++ b/.history/notes/project_20260201115409.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115414.html b/.history/notes/project_20260201115414.html new file mode 100644 index 0000000..36668b6 --- /dev/null +++ b/.history/notes/project_20260201115414.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115420.html b/.history/notes/project_20260201115420.html new file mode 100644 index 0000000..b0dd985 --- /dev/null +++ b/.history/notes/project_20260201115420.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115425.html b/.history/notes/project_20260201115425.html new file mode 100644 index 0000000..4a45317 --- /dev/null +++ b/.history/notes/project_20260201115425.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115436.html b/.history/notes/project_20260201115436.html new file mode 100644 index 0000000..d340127 --- /dev/null +++ b/.history/notes/project_20260201115436.html @@ -0,0 +1,77 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/.history/notes/project_20260201115445.css b/.history/notes/project_20260201115445.css new file mode 100644 index 0000000..758a434 --- /dev/null +++ b/.history/notes/project_20260201115445.css @@ -0,0 +1,129 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + +} \ No newline at end of file diff --git a/.history/notes/project_20260201115455.css b/.history/notes/project_20260201115455.css new file mode 100644 index 0000000..e023805 --- /dev/null +++ b/.history/notes/project_20260201115455.css @@ -0,0 +1,129 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201115508.css b/.history/notes/project_20260201115508.css new file mode 100644 index 0000000..ec49942 --- /dev/null +++ b/.history/notes/project_20260201115508.css @@ -0,0 +1,129 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(1, 49, 181, 0.6)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201115513.css b/.history/notes/project_20260201115513.css new file mode 100644 index 0000000..159cf8c --- /dev/null +++ b/.history/notes/project_20260201115513.css @@ -0,0 +1,129 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201115520.css b/.history/notes/project_20260201115520.css new file mode 100644 index 0000000..2ab3bbd --- /dev/null +++ b/.history/notes/project_20260201115520.css @@ -0,0 +1,129 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201115525.css b/.history/notes/project_20260201115525.css new file mode 100644 index 0000000..58393a6 --- /dev/null +++ b/.history/notes/project_20260201115525.css @@ -0,0 +1,129 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201115528.css b/.history/notes/project_20260201115528.css new file mode 100644 index 0000000..48130e4 --- /dev/null +++ b/.history/notes/project_20260201115528.css @@ -0,0 +1,129 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); +} \ No newline at end of file diff --git a/.history/notes/project_20260201115538.css b/.history/notes/project_20260201115538.css new file mode 100644 index 0000000..5c8c1c9 --- /dev/null +++ b/.history/notes/project_20260201115538.css @@ -0,0 +1,131 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115542.css b/.history/notes/project_20260201115542.css new file mode 100644 index 0000000..2ab632f --- /dev/null +++ b/.history/notes/project_20260201115542.css @@ -0,0 +1,132 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + pa +} \ No newline at end of file diff --git a/.history/notes/project_20260201115545.css b/.history/notes/project_20260201115545.css new file mode 100644 index 0000000..02aea41 --- /dev/null +++ b/.history/notes/project_20260201115545.css @@ -0,0 +1,132 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115712.css b/.history/notes/project_20260201115712.css new file mode 100644 index 0000000..352fbe1 --- /dev/null +++ b/.history/notes/project_20260201115712.css @@ -0,0 +1,132 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115726.css b/.history/notes/project_20260201115726.css new file mode 100644 index 0000000..81e5592 --- /dev/null +++ b/.history/notes/project_20260201115726.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115728.css b/.history/notes/project_20260201115728.css new file mode 100644 index 0000000..6d82a7f --- /dev/null +++ b/.history/notes/project_20260201115728.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + -- +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115733.css b/.history/notes/project_20260201115733.css new file mode 100644 index 0000000..83da939 --- /dev/null +++ b/.history/notes/project_20260201115733.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary- +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115735.css b/.history/notes/project_20260201115735.css new file mode 100644 index 0000000..b871b0b --- /dev/null +++ b/.history/notes/project_20260201115735.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115737.css b/.history/notes/project_20260201115737.css new file mode 100644 index 0000000..4104d27 --- /dev/null +++ b/.history/notes/project_20260201115737.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115740.css b/.history/notes/project_20260201115740.css new file mode 100644 index 0000000..a159608 --- /dev/null +++ b/.history/notes/project_20260201115740.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115741.css b/.history/notes/project_20260201115741.css new file mode 100644 index 0000000..5ab0bbb --- /dev/null +++ b/.history/notes/project_20260201115741.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: blue; + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115845.css b/.history/notes/project_20260201115845.css new file mode 100644 index 0000000..6f46809 --- /dev/null +++ b/.history/notes/project_20260201115845.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115855.css b/.history/notes/project_20260201115855.css new file mode 100644 index 0000000..76ede44 --- /dev/null +++ b/.history/notes/project_20260201115855.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(--pri); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115857.css b/.history/notes/project_20260201115857.css new file mode 100644 index 0000000..88eb469 --- /dev/null +++ b/.history/notes/project_20260201115857.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(--primary-color); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115911.css b/.history/notes/project_20260201115911.css new file mode 100644 index 0000000..6017168 --- /dev/null +++ b/.history/notes/project_20260201115911.css @@ -0,0 +1,135 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(--primary-color); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115914.css b/.history/notes/project_20260201115914.css new file mode 100644 index 0000000..ba4136e --- /dev/null +++ b/.history/notes/project_20260201115914.css @@ -0,0 +1,135 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(--primary-color); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + color: ; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115919.css b/.history/notes/project_20260201115919.css new file mode 100644 index 0000000..6bc1aa4 --- /dev/null +++ b/.history/notes/project_20260201115919.css @@ -0,0 +1,135 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(--primary-color); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + color: var(--primary-color); + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115929.css b/.history/notes/project_20260201115929.css new file mode 100644 index 0000000..e15c62d --- /dev/null +++ b/.history/notes/project_20260201115929.css @@ -0,0 +1,135 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: red; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(--primary-color); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + color: var(--primary-color); + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115943.css b/.history/notes/project_20260201115943.css new file mode 100644 index 0000000..42b5e00 --- /dev/null +++ b/.history/notes/project_20260201115943.css @@ -0,0 +1,135 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(--primary-color); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + color: var(); + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115949.css b/.history/notes/project_20260201115949.css new file mode 100644 index 0000000..76ede44 --- /dev/null +++ b/.history/notes/project_20260201115949.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(--pri); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201115951.css b/.history/notes/project_20260201115951.css new file mode 100644 index 0000000..88eb469 --- /dev/null +++ b/.history/notes/project_20260201115951.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(--primary-color); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/.history/notes/project_20260201120730.html b/.history/notes/project_20260201120730.html new file mode 100644 index 0000000..8fc8cfa --- /dev/null +++ b/.history/notes/project_20260201120730.html @@ -0,0 +1,79 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + + + \ No newline at end of file diff --git a/lesson6.html b/lesson6.html new file mode 100644 index 0000000..7a9943f --- /dev/null +++ b/lesson6.html @@ -0,0 +1,45 @@ + + + + + + Document + + + Welcome js class + + + + \ No newline at end of file diff --git a/notes/assets/EfMzJ8uZ_400x400.jpg b/notes/assets/EfMzJ8uZ_400x400.jpg new file mode 100644 index 0000000..a48165a Binary files /dev/null and b/notes/assets/EfMzJ8uZ_400x400.jpg differ diff --git a/notes/assets/b.jpg b/notes/assets/b.jpg new file mode 100644 index 0000000..c2777c3 Binary files /dev/null and b/notes/assets/b.jpg differ diff --git a/notes/assets/bg.jpg b/notes/assets/bg.jpg new file mode 100644 index 0000000..f1cb9c0 Binary files /dev/null and b/notes/assets/bg.jpg differ diff --git a/notes/assets/style.css b/notes/assets/style.css new file mode 100644 index 0000000..5b613a7 --- /dev/null +++ b/notes/assets/style.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +.welcome{ + color: red; + background: blue; +} +#secondHtml{ + text-align: center; + background: yellow; +} + +.header{ + width: 100%; + background: rgb(117, 231, 9); + /* margin: 20px 20px 20px 120px; */ + padding: 20px; + display: flex; +} +.header nav{ + display: flex; + +} \ No newline at end of file diff --git a/notes/home.html b/notes/home.html new file mode 100644 index 0000000..9496b57 --- /dev/null +++ b/notes/home.html @@ -0,0 +1,11 @@ + + + + + + Document + + + welcome to home + + \ No newline at end of file diff --git a/notes/index.html b/notes/index.html new file mode 100644 index 0000000..8f01a53 --- /dev/null +++ b/notes/index.html @@ -0,0 +1,30 @@ + + + + + + Document + + + +
    +

    Welcome css class

    + +
    +
    +

    djjhsdjkhsd

    +
    + +

    Html class with css class

    + + \ No newline at end of file diff --git a/notes/layer.css b/notes/layer.css new file mode 100644 index 0000000..36b20b2 --- /dev/null +++ b/notes/layer.css @@ -0,0 +1,3 @@ +body{ + /* background-color: black; */ +} \ No newline at end of file diff --git a/notes/lesson2.css b/notes/lesson2.css new file mode 100644 index 0000000..887c97c --- /dev/null +++ b/notes/lesson2.css @@ -0,0 +1,40 @@ +.header{ + /* background: blue; */ + background-image: linear-gradient(rgba(46, 96, 188, 0.3), rgba(0, 197, 30, 0.3)), url("assets/b.jpg"); + /* background: linear-gradient(to right, rgba(25, 250, 40, 0.5), rgba(0, 197, 30, 0.917)); */ + background-attachment: fixed; + height: 100%; +} + +.header h3{ + font-family: sans-serif; + font-size: 21.5px; +} +.header p{ + font-weight: bold; + line-height: 2; + font-style: italic; + text-decoration: dashed underline; + text-transform: lowercase; + color: hsl(125, 96%, 53%); + +} + +.border{ + border: solid 1px red; + padding: 5px; + border-radius: 10px; + border-top-left-radius: 30px; + width: 100px; + height: 100px; + box-shadow: 1px 2px 2px 1px red; +} +.grid{ + width: 100%; + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 10px; +} +.grid div{ + background: red; +} \ No newline at end of file diff --git a/notes/lesson2.html b/notes/lesson2.html new file mode 100644 index 0000000..ff96075 --- /dev/null +++ b/notes/lesson2.html @@ -0,0 +1,35 @@ + + + + + + Document + + + +
    +

    Welcome to lesson 2

    +

    Subtitle fo the element

    +

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Expedita porro cupiditate et alias labore aut dolorem consectetur, dolores placeat temporibus assumenda neque animi vel odio, quo, maiores vero quae exercitationem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Adipisci fugit exercitationem excepturi error praesentium sunt corrupti eius commodi nisi! Quia molestias voluptatum at. Tempora fugiat corporis culpa quam pariatur magni? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae quae amet perspiciatis in provident earum necessitatibus impedit eveniet fuga iusto? Deserunt voluptate fugit asperiores nemo sequi! Vitae ullam minus in. Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto maxime labore perspiciatis dicta saepe nihil optio, in assumenda placeat ipsam tempora earum quia delectus vel nemo vitae deleniti ipsum vero?

    +

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Expedita porro cupiditate et alias labore aut dolorem consectetur, dolores placeat temporibus assumenda neque animi vel odio, quo, maiores vero quae exercitationem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Adipisci fugit exercitationem excepturi error praesentium sunt corrupti eius commodi nisi! Quia molestias voluptatum at. Tempora fugiat corporis culpa quam pariatur magni? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae quae amet perspiciatis in provident earum necessitatibus impedit eveniet fuga iusto? Deserunt voluptate fugit asperiores nemo sequi! Vitae ullam minus in. Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto maxime labore perspiciatis dicta saepe nihil optio, in assumenda placeat ipsam tempora earum quia delectus vel nemo vitae deleniti ipsum vero?

    +
    + +
    + +
    +
    +
    + grid 1 +
    +
    + grid 2 +
    +
    + grid 3 +
    +
    + grid 4 +
    +
    + + \ No newline at end of file diff --git a/notes/lesson3.css b/notes/lesson3.css new file mode 100644 index 0000000..f90f090 --- /dev/null +++ b/notes/lesson3.css @@ -0,0 +1,55 @@ +@import "layer.css"; +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +.header{ + background: red; + width: 50px; + height: 50px; + display: flex; + position: fixed; + top: auto; + right: 20px; + bottom: 20px; + z-index: 2; +} +.header h5{ + margin: auto; +} + +.position-style{ + width: 100%; + padding: 10px; + background: blue; + position: relative; +} +.position-style h2{ + position: absolute; + bottom: 0px; + right: 20px; +} + +.content{ + z-index: 1; + /* background: white; */ +} + +.float{ + float: right; + +} +.welcome{ + clear: both; +} + +.flex-elemet{ + display: flex; + width: 100%; + justify-content: space-around; + align-items: end; +} + +.flex-elemet div{ +} \ No newline at end of file diff --git a/notes/lesson3.html b/notes/lesson3.html new file mode 100644 index 0000000..c905d12 --- /dev/null +++ b/notes/lesson3.html @@ -0,0 +1,70 @@ + + + + + + Document + + + +
    +
    W
    +
    + +
    +

    Welcome to css

    +

    Home

    + + +
    + +
    + + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis a delectus voluptatum laborum eveniet quasi explicabo voluptate quae id! Molestias architecto recusandae tempore doloribus nostrum illo unde velit dolor repellendus. + +
    + +

    + +
    + left +
    + + + +
    Welcome
    + +
    +
    + col 1 +
    +
    + lo +
    +
    + col 2 +
    +
    + col 3 +
    +
    + + \ No newline at end of file diff --git a/notes/lesson4.css b/notes/lesson4.css new file mode 100644 index 0000000..5ee26ad --- /dev/null +++ b/notes/lesson4.css @@ -0,0 +1,77 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.navigation{ + width: 100%; + background: white; + box-shadow: 1px 2px 3px 2px #e8e2e2; + display: flex; + justify-content: space-around; + padding: 10px 0px; + align-items: center; + flex-direction: row; +} +.navigation h4{ + font-size: 30px; +} +.links{ + display: flex; + gap: 15px; +} +.links a{ + color: black; + text-decoration: none; + font-size: 20px; +} +.links a:hover{ + color: blue; +} +.logo{ + display: flex; + align-items: center; + gap: 20px; +} +.logo img{ + width: 100px; + height: 100px; + border-radius: 50%; +} +@media screen and (max-width: 1000px){ + .navigation{ + background: red; + justify-content: space-between; + padding: 30px; + } + .navigation h4{ + font-size: 25px; + color: white; + } + + .logo img{ + width: 70px; + height: 70px; + border-radius: 20px; + } +} + + +@media screen and (max-width: 500px){ + .navigation{ + background: #e8e2e2; + flex-direction: column; + gap: 20px; + } + .navigation h4{ + font-size: 25px; + color: blue; + } + + .logo img{ + width: 50px; + height: 50px; + border-radius: 0px; + } +} \ No newline at end of file diff --git a/notes/lesson4.html b/notes/lesson4.html new file mode 100644 index 0000000..7d04932 --- /dev/null +++ b/notes/lesson4.html @@ -0,0 +1,22 @@ + + + + + + Document + + + +
    + +
    + Home + About + Contact +
    +
    + + \ No newline at end of file diff --git a/notes/lesson5.css b/notes/lesson5.css new file mode 100644 index 0000000..5ee222b --- /dev/null +++ b/notes/lesson5.css @@ -0,0 +1,68 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.grid-container{ + display: grid; + background: #efefef; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 20px; + margin-top: 25%; +} + +.grid-container .grid-item{ + background: black; + color: white; + transition: 0.5s ease; + animation: fadeIn infinite alternate linear; + animation-duration: 11s; +} + +.grid-container .grid-item:hover{ + background: red; + /* transform: rotate(60deg); */ +} + +.col-span-2{ + display: flex; + gap: 10px; +} +.col-span-2 img{ + width: 100px; +} + +button{ + padding: 30px 50px; + background: red; + transition: 0.2s ease; +} +button:hover{ + background-color: green; + /* transform: scale(90%); */ + width: 10px; + padding: 0px; + overflow:hidden; + +} + +@keyframes fadeIn{ + from{ + /* opacity: 1; */ + /* transform: rotate(0deg); */ + + background: black; + } + to{ + /* opacity: 0.1; */ + /* transform: rotate(360deg); */ + background: blue; + } +} + +@media screen and (max-width: 700px) { + .grid-container{ + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} \ No newline at end of file diff --git a/notes/lesson5.html b/notes/lesson5.html new file mode 100644 index 0000000..0334993 --- /dev/null +++ b/notes/lesson5.html @@ -0,0 +1,27 @@ + + + + + + Lesson 5 + + + +
    +
    + +

    Grid 1

    +
    +
    + Grid 2 +
    +
    + Grid 3 +
    +
    + Grid 4 +
    +
    + + + \ No newline at end of file diff --git a/notes/project.css b/notes/project.css new file mode 100644 index 0000000..88eb469 --- /dev/null +++ b/notes/project.css @@ -0,0 +1,134 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +:root{ + --primary-color: blue; +} +.header{ + width: 100%; + display: flex; + justify-content: space-around; + padding: 13px 0; + box-shadow: 0px 2px 3px 1px #ddd; + align-items: center; + position: fixed; + background: white; +} +.header-left{ + display: flex; + align-items: center; + gap: 10px; +} +.header-left img{ + width: 50px; + height: 50px; + border-radius: 50%; +} +.header-left h4{ + font-size: 20px; + +} + +.header-right{ + display: flex; + gap: 15px; +} +.header-right li{ + list-style: none; +} +.header-right li a{ + text-decoration: none; + color: #333; +} +.register-button{ + padding: 12px 20px; + border: solid 1px #aaa; + border-radius: 10px; + transition: 0.3s ease-in-out; +} + +.register-button:hover{ + background: var(--primary-color); + color: white; +} + +/* hero-section */ + +.hero-section{ + width: 100%; + height: 100vh; + background: linear-gradient(rgba(1, 49, 181, 0.5), rgba(1, 49, 181, 0.6)); + display: flex; + color: white; +} +.hero-section-value { + margin: auto; + text-align: center; + line-height: 1.5; +} +.hero-section-value h4{ + font-size: 3rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +.hero-section-value p{ + font-size: 20px; +} + +/* gallery */ +.gallery{ + width: 100%; + margin-top: 2rem; +} + +.galley-title{ + width: 100%; + text-align: center; +} +.galley-title h4{ + font-size: 1.4rem; +} +.galley-title p{ + font-size: 15px; +} + +.gallery-container{ + width: 80%; + margin: auto; + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 10px; + margin-top: 2rem; +} +.gallery-item { + background: white; + box-shadow: 1px 2px 14px 2px #ccc; + border-radius: 10px; + text-align: center; +} +.gallery-item img{ + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 10px; +} + +.gallery-item h4{ + font-size: 20px; + font-weight: normal; + margin-top: 10px; +} +.gallery-item p{ + margin-top: 5px; + margin-bottom: 10px; +} + +.footer{ + background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)); + text-align: center; + color: white; + padding: 10px 0; +} \ No newline at end of file diff --git a/notes/project.html b/notes/project.html new file mode 100644 index 0000000..8fc8cfa --- /dev/null +++ b/notes/project.html @@ -0,0 +1,79 @@ + + + + + + Project class + + + +
    +
    + +

    E-commerce

    +
    +
    +
  • + Home +
    • +
  • + About +
    • +
  • + Login +
    • +
  • + Register +
    • +
    +
    + + +
    +
    +

    Welcome our E-commerce platform

    +

    We are providing product and goods services

    +
    +
    + + + +
    +
    +

    Our Galley

    +

    Explore our gallery

    +
    + +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    + +

    Our Achivement

    +

    We are particate in hackathon

    +
    +
    +
    +
    +
    + + + + + + \ No newline at end of file