diff --git a/components/assets/icons/Digit.png b/components/assets/icons/Digit.png
new file mode 100644
index 0000000..d496e7c
Binary files /dev/null and b/components/assets/icons/Digit.png differ
diff --git a/components/assets/icons/Digit.svg b/components/assets/icons/Digit.svg
new file mode 100644
index 0000000..e69de29
diff --git a/components/assets/icons/vectorimg.png b/components/assets/icons/vectorimg.png
new file mode 100644
index 0000000..f387284
Binary files /dev/null and b/components/assets/icons/vectorimg.png differ
diff --git a/components/register.html b/components/register.html
new file mode 100644
index 0000000..b9bf76a
--- /dev/null
+++ b/components/register.html
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+
Tips!!!
+
We offer a complete package of high-quality digital marketing services at affordable
+ prices. Call now for a fast quote!
+
+
+
+
+
+
diff --git a/css/reg.css b/css/reg.css
new file mode 100644
index 0000000..1869b97
--- /dev/null
+++ b/css/reg.css
@@ -0,0 +1,145 @@
+body {
+ font-family: Arial;
+}
+
+input[type=text] {
+ width: 50%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: block;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+}
+
+input[type=submit] {
+ width: 50%;
+ background-color: blue;
+ color: white;
+ padding: 14px 20px;
+ margin: 8px 0;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+input[type=submit]:hover {
+ background-color: blue;
+}
+
+div.container {
+ border-radius: 5px;
+ background-color: #f2f2f2;
+ padding: 20px;
+}
+
+.Registersignup{
+ border: 2px red solid;
+}
+
+ .Reg__img{
+ background: url("/assets/images/wes-hicks-4-EeTnaC1S4-unsplash\ 1.png");
+ background-size: cover;
+ background-repeat: no-repeat;
+ width: 795px;
+ height: 983px;
+ position: relative; }
+
+.Reg__logo-box {
+ display: flex;
+ margin-left: 6.2em;
+ gap: 1em;
+ padding-top: 2em;
+ width: 70px; }
+
+.lRigister__transparen {
+ width: 602px;
+ height: 192px;
+ position: absolute;
+ left: 6.2em;
+ background: #FFFFFF;
+ opacity: 0.4;
+ box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
+ border-radius: 12px;
+ filter: blur(0.5px); }
+
+.Rigister__title {
+ width: 88px;
+ height: 40px;
+ margin-left: 1.2em;
+ margin-top: 1em;
+ font-weight: 700;
+ font-size: 2em;
+ line-height: 40px; }
+ @media (min-width: 481px) and (max-width: 700px) {
+ .Rigister__title {
+ width: 50px; } }
+
+.Rigister__desc {
+ margin-left: 2em;
+ margin-top: 10px;
+ width: 528px;
+ font-weight: 600;
+ font-size: 20px;
+ line-height: 30px; }
+
+ .Reg__container{
+ display: flex;
+ flex-direction: row;
+ gap: 40px;
+ background: #F5F5F5;
+ }
+
+ .form-container{
+ display: flex;
+ flex-direction: column;
+ }
+
+ .time-e{
+ display: flex;
+ flex-direction: column;
+ gap: 20px;
+ }
+
+ .employ{
+ display: flex;
+ gap: 20px;
+ }
+
+ .time-dedication{
+ display: flex;
+ gap: 20px;
+ }
+
+ .Rigister__transparent{
+ /* background: white;
+ opacity: 0.4;
+ box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
+ filter: blur(1px);
+ border-radius: 12px; */
+
+ position: absolute;
+ width: 602px;
+ height: 192px;
+ left: 102px;
+ top: 647px;
+ background: #FFFFFF;
+ opacity: 0.4;
+ box-shadow: 2px 2px 15px rgb(0 0 0 / 8%);
+ filter: blur(1px);
+ border-radius: 12px;
+ }
+
+ .Rigister__desc{
+ font-family: 'Mulish';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 20px;
+ line-height: 30px;
+
+ top: 50%;
+ /* or 150% */
+
+
+ color: black;
+ }
\ No newline at end of file
diff --git a/register.html b/register.html
index 41cd7b4..e4b62a5 100644
--- a/register.html
+++ b/register.html
@@ -4,10 +4,11 @@
-
+
Digit Register Page
- Hello Register Page!
+
+