diff --git a/images/Hero Video.png b/images/Hero Video.png new file mode 100644 index 0000000..75c8a2d Binary files /dev/null and b/images/Hero Video.png differ diff --git a/images/Vector.png b/images/Vector.png new file mode 100644 index 0000000..d3b4f98 Binary files /dev/null and b/images/Vector.png differ diff --git a/images/portfolio/1.png b/images/portfolio/1.png new file mode 100644 index 0000000..fb937bf Binary files /dev/null and b/images/portfolio/1.png differ diff --git a/images/portfolio/2.png b/images/portfolio/2.png new file mode 100644 index 0000000..ba0bab1 Binary files /dev/null and b/images/portfolio/2.png differ diff --git a/images/portfolio/3.png b/images/portfolio/3.png new file mode 100644 index 0000000..06eccf4 Binary files /dev/null and b/images/portfolio/3.png differ diff --git a/portfolio.html b/portfolio.html index 3808c22..956503c 100644 --- a/portfolio.html +++ b/portfolio.html @@ -64,6 +64,86 @@

+ +
+ hero_video +
+

Lorem Ipsum is simply dummy text.

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy . +

+ +
+
+ +
+
+

+ Lorem Ipsum is simply dummy +text dummy text +

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, +

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. +

+ +
+ image +
+ +
+
+

+ Lorem Ipsum is simply dummy +text dummy text +

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, +

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. +

+ +
+ image +
+ +
+
+

+ Lorem Ipsum is simply dummy +text dummy text +

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, +

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. +

+ +
+ image +
+ diff --git a/style.css b/style.css index 54dcf13..947a12d 100644 --- a/style.css +++ b/style.css @@ -532,6 +532,7 @@ textarea { border-radius: 10px; padding: 30px; margin-top: 30px; + margin: 0px 80px; } .portfolio_item { padding: 30px 0; @@ -568,6 +569,88 @@ textarea { font-size: 20px; } +.portfolio_about { + padding-top: 120px; + display: flex; + justify-content: space-between; +} +.portfolio_video { + object-fit: contain; +} +.portfolio_content { + margin-left: 80px; +} +.portfolio_h2 { + font-size: 30px; + font-weight: 900; + padding-bottom: 20px; + line-height: 1.8; +} +.portfolio_p_2 { + font-size: 14px; + font-weight: 500; + padding-bottom: 25px; + line-height: 1.8; +} +.portfolio_ul { +} +.portfolio_li { + display: flex; + align-items: center; + gap: 15px; + overflow: hidden; + padding-bottom: 10px; +} +.porftfolio_vector { + width: 100%; + height: 100%; + height: 24px; + width: 24px; +} +.portfolio_li_p { + font-size: 14px; + font-weight: 500; + line-height: 1.8; +} + +.portfolio_readme { + padding-top: 160px; + display: flex; + justify-content: space-between; + gap: 140px; +} +.portfolio_readme_reverse { + flex-direction: row-reverse; +} +.portfolio_readme_content { + display: flex; + flex-direction: column; + justify-content: space-between; +} +.portfolio_h3 { + font-size: 30px; + font-weight: 500; + line-height: 1.5; +} +.portfolio_p_row { + font-size: 17px; + line-height: 1.5; +} +.portfolio_btn { + width: 40%; + border-radius: 0; + background: none; + background-color: #DC7000; + font-size: 16px; + transition: all 500ms ease; +} +.portfolio_btn:hover { + transform: none; + background-color: #b01414; +} +.portfolio_img { +} + /* -----------------------------------FOOTER------------------------------------------ */ .footer {