diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/Portfolio website-Report.docx b/Portfolio website-Report.docx new file mode 100644 index 0000000..47d6d76 Binary files /dev/null and b/Portfolio website-Report.docx differ diff --git a/README.md b/README.md new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ + diff --git a/image manipulation/fairy-in-bulb-02.jpg b/image manipulation/fairy-in-bulb-02.jpg new file mode 100644 index 0000000..2adb55d Binary files /dev/null and b/image manipulation/fairy-in-bulb-02.jpg differ diff --git a/image manipulation/hive.jpg b/image manipulation/hive.jpg new file mode 100644 index 0000000..c1cc3d4 Binary files /dev/null and b/image manipulation/hive.jpg differ diff --git a/image manipulation/horse-02.jpg b/image manipulation/horse-02.jpg new file mode 100644 index 0000000..3dc75ff Binary files /dev/null and b/image manipulation/horse-02.jpg differ diff --git a/image manipulation/ice.jpg b/image manipulation/ice.jpg new file mode 100644 index 0000000..e546003 Binary files /dev/null and b/image manipulation/ice.jpg differ diff --git a/image manipulation/temple.jpg b/image manipulation/temple.jpg new file mode 100644 index 0000000..a523618 Binary files /dev/null and b/image manipulation/temple.jpg differ diff --git a/image manipulation/women-hair.jpg b/image manipulation/women-hair.jpg new file mode 100644 index 0000000..56e0c0e Binary files /dev/null and b/image manipulation/women-hair.jpg differ diff --git a/images/doctor_cover.jpg b/images/doctor_cover.jpg new file mode 100644 index 0000000..9ce7b11 Binary files /dev/null and b/images/doctor_cover.jpg differ diff --git a/images/easy-to-use-icon.png b/images/easy-to-use-icon.png new file mode 100644 index 0000000..9dc2285 Binary files /dev/null and b/images/easy-to-use-icon.png differ diff --git a/images/ledger_cover.jpg b/images/ledger_cover.jpg new file mode 100644 index 0000000..543df91 Binary files /dev/null and b/images/ledger_cover.jpg differ diff --git a/images/portfolio-image.png b/images/portfolio-image.png new file mode 100644 index 0000000..ac8911a Binary files /dev/null and b/images/portfolio-image.png differ diff --git a/images/retaler_cover.png b/images/retaler_cover.png new file mode 100644 index 0000000..f17408a Binary files /dev/null and b/images/retaler_cover.png differ diff --git a/images/user-friendly-icon.png b/images/user-friendly-icon.png new file mode 100644 index 0000000..9c902c9 Binary files /dev/null and b/images/user-friendly-icon.png differ diff --git a/portfolio_website.html b/portfolio_website.html new file mode 100644 index 0000000..0a69725 --- /dev/null +++ b/portfolio_website.html @@ -0,0 +1,51 @@ + + + + + + + Ishmeet + + + +
+
Ishmeet Kaur
+
+ +
+
+ +
+
Ishmeet Kaur image
+

Hey. I am Ishmeet Kaur! I am passionate about creating useful user experiences for making people's lives more fulfilling.

+
+ +
+
+
+

I do experiments & write it down called as Research projects!

+
KFC project cover image
+
Upaj website cover image
+
+
+ +
+
+ + + + \ No newline at end of file diff --git a/portfolio_website_contact.html b/portfolio_website_contact.html new file mode 100644 index 0000000..5725d99 --- /dev/null +++ b/portfolio_website_contact.html @@ -0,0 +1,67 @@ + + + + + + + Ishmeet_Contact + + + +
+
Ishmeet Kaur
+
+ +
+
+ +
+

Reach out to me. I would love to connect with you for your queries!

+
+
+
+
+
+ + +
+
+ + +
+
+ +
+
+ + +
+ +
+ + + +
+
+ + + + +
+
+
+
+ + \ No newline at end of file diff --git a/portfolio_website_projects.html b/portfolio_website_projects.html new file mode 100644 index 0000000..dde5161 --- /dev/null +++ b/portfolio_website_projects.html @@ -0,0 +1,54 @@ + + + + + + + Ishmeet-Projects + + + +
+
Ishmeet Kaur
+
+ +
+
+ +
+
+
+

I do experiments & write it down called as Research projects!Click below to see my projects

+
KFC project cover image
+
Upaj website cover image
+
+ +

That's not all. Few more to go!

+ +
+
App for Retailer project cover image
+
App on biogas cover image
+
App for managing ledger cover image
+
Website for doctore cover image
+
+
+ + + + + \ No newline at end of file diff --git a/portfolio_website_services.html b/portfolio_website_services.html new file mode 100644 index 0000000..ddf5e79 --- /dev/null +++ b/portfolio_website_services.html @@ -0,0 +1,49 @@ + + + + + + + Ishmeet-Services + + + +
+
Ishmeet Kaur
+
+ +
+
+ +
+
+

See below what I am focussed on!

+
+
+
accessible design +

Accessibility first

+
user friendly design +

User friendly

+
Easy to use design +

Easy to use

+
+ +
+
accessible design +

Accessibility first

+
user friendly design +

User friendly

+
Easy to use design +

Easy to use

+
+
+ + + \ No newline at end of file diff --git a/style_homepage.css b/style_homepage.css new file mode 100644 index 0000000..52d309e --- /dev/null +++ b/style_homepage.css @@ -0,0 +1,770 @@ +/*--------------------Global stylesheet for homepage and all subpages------------------------*/ + + + +body /*Properties* which applies to all pages bodies*/ + +{ + font-family: Arial, Helvetica, sans-serif; + margin: 0; + padding: 0; + box-sizing: border-box; + background-color: black; +} + +h1 /*Properties applied to all h1 tags*/ +{ + color:#db9cc0; + font-size: 2.5rem; + text-align: center; +} + +/*Navbar properties*/ + +.header +{ + display: flex; + background-color: #db9cc0; + width: 100%; + height: 16%; + position:fixed; + top: 0; + align-items: first baseline; + justify-content:space-between; +} + +.my-name /*My name given at top left in the header*/ +{ + display: flex; + color: #fffdf0; + font-weight: 300; + font-size: 1.2rem; + padding-left: 2%; +} + +.header-menu +{ + display: flex; + color: #fffdf0; + font-weight: 100; + justify-content: space-between; + font-size: 1.1rem; + padding-right: 2%; +} + +.header-menu nav ul + { + list-style-type: none; + display: flex; + align-items: center; + column-gap: 18px; + } + +nav +{ + text-align: right; +} + +nav ul +{ + list-style-type: none; + padding: 1%; +} + +nav li +{ + display: inline-block; + margin: 20px; +} + +nav a +{ + text-decoration: none; + color: #fffdf0; + font-size: 1.1rem; +} + +/*Homepage's css*/ + +.flex_container_me /*Parent container with introductory section*/ +{ + display: flex; + background-color: #db9cc0; + flex-direction: column-reverse; + align-items: center; +} + + +.flex_container_me_01 /*Sub-container 01 with introductory section*/ +{ + display: flex; + width: 40%; + padding-top: 1%; + padding-bottom: 10%; + +} + +.flex_container_me_01 img /*Properties for Sub-container with introductory section*/ +{ + padding-left: 15%; + width: 60%; + object-fit: contain; +} + +.flex_container_me_02 /*Sub-container 02 with introductory section*/ +{ + display: flex; + width: 60%; + height: 70%; + text-align: center; + padding-top: 10%; + padding-bottom: 1%; + font-style: oblique; + color: #fffdf0; +} + +.flex_container_me_02 +{ + color: #fffdf0; + font-size: 2.5rem; +} + +.flex_container_work /*Parent container with Projects section*/ +{ + display: flex; + flex-direction: column; + width: 100%; + height: auto; +} + +.flex_container_work_01 /*Sub-container 01 with Projects*/ +{ + display: flex; + flex-direction: column; + width: 100%; + background-color: black; + +} + +.work_01_first_div /*First div of sub-container 01 with Projects*/ +{ + color: #fffdf0; + font-size: 2.5rem; + text-align: center; + width: 80%; + padding-top: 5%; + padding-bottom: 5%; + padding-left: 9%; +} + +.work_01_second_div /*Second div of sub-container 01 with Projects*/ +{ + background-color: black; + width: 100%; + padding-left: 20%; + padding-bottom: 5%; +} + +.work_01_second_div img /*Properties of second div of sub-container with projects section*/ +{ + max-width: 60%; + height: 100%; + object-fit: cover; +} + +.flex_container_work_02 /*Sub-container 02 with Projects*/ +{ + display: flex; + width: 100%; + height: 70%; + padding-top: 2%; + padding-bottom: 3%; + font-size: 1.5rem; + color: #fffdf0; + background-color: black; +} + +.flex_container_work_03 /*Sub-container 03 with Projects*/ +{ + display: flex; + flex-direction: row; + width: 100%; + background-color:black; + text-align: center; +} + +.flex_container_work_03_first_div /*First div of sub-container 03 with Projects*/ +{ + width: 100%; + text-align: center; +} + +.flex_container_work_03_first_div img /*Properties of first div of sub-container 03 with projects section*/ +{ + max-width: 90%; +} + +.flex-container_footer /*Properties of footer section*/ +{ + text-align: center; + background-color: #db9cc0; + width: 100%; + height: 70%; + padding-top: 3%; + +} +p{ + text-align: center; + font-size: 2.5rem; + color: #fffdf0; +} + +.flex-container_footer_second_div +{ + text-align: center; + font-size: 1.5rem; + color: #fffdf0; + padding-bottom: 5%; + font-weight: lighter; +} + +/*Media Query for Mobile - Global styling*/ + +@media (max-width: 600px) +{ + .flex_container_me + { + display: flex; + height: 150px; + flex-direction: column; + } + .flex_container_work + { + display:flex; + width:60%; + flex-direction: column; + border: 1px black solid; + } +.flex_container_work_01, .flex_container_work_02 + { + display: flex; + height:50%; + flex-direction: column; + } +} + +/*Contact page styling*/ + +.container /*Contact form main container*/ +{ + padding-top: 5%; + width: 80%; + padding: 10%; + background-color:#db9cc0; +} + +.contact-box +{ + background:#fffdf0; + width: 100%; + display: flex; + justify-content: space-evenly; +} + +.contact-left{ + flex-basis: 70%; + padding: 7% 0; +} + +.input-row{ + display: flex; + justify-content: space-between; + margin-bottom: 20px; + +} +.input-row .input-group{ + flex-basis: 45%; +} +input{ + width: 100%; + border: none; + border-bottom: 1px solid #ccc; + outline: none; + padding: 5%; +} +textarea{ + width: 100%; + border: 1px solid #ccc; + outline: none; + padding: 10px; + box-sizing: border-box; +} + +label{ + + margin-bottom: 6px; + font-family: Arial, Helvetica, sans-serif; + font-size: 1rem; + display: block; + color: #af7c99; +} + +button{ +background:#db9cc0; +width: 8rem; +border: none; +outline: none; +color: #fff; +height: 3rem; +border-radius: 30px; +margin-top: 20px; +box-shadow: 0px 5px 15px 0px rba(28,0,181,0.3); +} + +.contact-left h3{ + color: #000; + font-weight: 600; + margin-bottom: 30px; + +} + +/*Project page styling*/ + +.flex_container_project +{ + display: flex; + flex-direction: column; + width: 100%; + height: auto; +} + +.flex_container_project_01 +{ + display: flex; + flex-direction: column; + width: 100%; + background-color: #db9cc0; + +} + +.project_01_first_div +{ + color: #fffdf0; + font-size: 2.5rem; + text-align: center; + width: 80%; + padding-top: 10%; + padding-left: 9%; +} + +.project_01_second_div +{ + background-color:#db9cc0; + width: 100%; + padding-left: 20%; + padding-bottom: 5%; +} + +.project_01_second_div img +{ + max-width: 60%; + height: 100%; + object-fit: cover; +} + +.flex_container_project_02 +{ + display: flex; + width: 100%; + height: 70%; + font-size: 1.5rem; + color: #fffdf0; + background-color: black; + justify-content: center; +} + +.flex_container_project_03 +{ + display: flex; + width: 100%; + background-color:black; + text-align: center; + padding-bottom: 5%; +} + +.flex_container_project_03_first_div +{ + width: 100%; + text-align: center; +} + +.flex_container_project_03_first_div img +{ + max-width: 90%; +} + +.flex_container_project_03_first_div img:hover +{ + box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); +} +.project_01_second_div img:hover +{ + box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); +} + +/*Media Query for Mobile - Global styling*/ + +@media only screen and (max-device-width: 480px) +{ + .header + { + height: 4%; + justify-content: space-around; + flex-direction: column-reverse; + } + .flex_container_me + { + width: 1180px; + } + .my-name{ + display: none; + } + .header-menu nav ul + { + column-gap: 28%; + } + nav a + { + font-size: 30px !important; + } + p{ + font-size: 4.8rem; + } + .flex_container_me_01 img + { + padding-left: 7%; + width: 100%; + } + .work_01_first_div{ + width: 100%; + } + .work_01_second_div img + { + max-width: 80%; + } + .flex-container_footer + { + width: 1180px; + } + .input-row + { + flex-direction: column; + } + .input-row .input-group + { + margin-bottom: 20px; + } + input + { + padding: 3%; + } + label + { + font-size: 1.3rem; + } + .flex_container_project_01,.flex_container_project_02 + { + width: 1180px; + } + .project_01_second_div + { + padding-left: 5%; + } + .project_01_second_div img + { + max-width: 90%; + } + .flex_container_project_03 + { + flex-direction: column; + padding-left: 10%; + } + .flex_container_project_03_first_div + { + padding-bottom: 5%; + } + +} +/*Media Query for Tablet - Global styling*/ + +@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) +{ + .header + { + height: 4%; + justify-content: space-around; + flex-direction: column-reverse; + } + .flex_container_me + { + width: 1180px; + } + .my-name{ + display: none; + } + .header-menu nav ul + { + column-gap: 28%; + } + nav a + { + font-size: 30px !important; + } + p{ + font-size: 4.8rem; + } + .flex_container_me_01 img + { + padding-left: 7%; + width: 100%; + } + .work_01_first_div{ + width: 100%; + } + .work_01_second_div img + { + max-width: 80%; + } + .flex-container_footer + { + width: 1180px; + } + .input-row + { + flex-direction: column; + } + .input-row .input-group + { + margin-bottom: 20px; + } + input + { + padding: 3%; + } + label + { + font-size: 1.3rem; + } + .flex_container_project_01,.flex_container_project_02 + { + width: 1180px; + } + .project_01_second_div + { + padding-left: 5%; + } + .project_01_second_div img + { + max-width: 90%; + } + .flex_container_project_03 + { + flex-wrap: wrap; + padding-left: 10%; + } + .flex_container_project_03_first_div + { + padding-bottom: 5%; + width: 50%; + } +} + +/* Services Section */ + +.flex_container_services +{ + display: flex; + flex-direction: column; + width: 100%; + height: auto; + top: 16%; + position: absolute; + justify-content: center; +} + +.flex_container_services_01 +{ + display: flex; + width: 100%; + background-color: #fff; + font-size: 1.5rem; + +} + +.flex_container_services_02 +{ + display: flex; + flex-direction: row; + width: 100%; + background-color: #fff; + padding-bottom: 7%; +} + +.services_02_first_div +{ + display: flex; + flex-direction: column; + max-width: 33%; + align-items: center; +} + +.services_02_first_div img +{ + max-width: 40%; +} + +p +{ + font-size: 1.2rem; + color: #000; +} + +.flex_container_services_03 +{ + display: flex; + flex-direction: row; + width: 100%; + background-color: #fff; +} + +.services_03_first_div +{ + display: flex; + flex-direction: column; + max-width: 33%; + align-items: center; +} + +.services_03_first_div img +{ + max-width: 40%; +} + +/*Media Query for Mobile - Global styling*/ + +@media only screen and (max-device-width: 480px) +{ + .header + { + height: 4%; + justify-content: space-around; + flex-direction: column-reverse; + } + .flex_container_services + { + width: 1180px; + } + .flex_container_services_01 + { + display: none; + } + .services_01_first_div_01 img + { + padding-left: 7%; + width: 100%; + } + .services_01_first_div + { + width: 100%; + } + .services_01_second_div img + { + max-width: 80%; + } + .flex_container_services_01,.flex_container_services_02 + { + width: 1180px; + } + .services_02_second_div + { + padding-left: 5%; + } + .services_02_second_div img + { + max-width: 90%; + } + .flex_container_services_03 + { + flex-direction: column; + padding-left: 10%; + } + .flex_container_services_03_first_div + { + padding-bottom: 5%; + } + +} +/*Media Query for Tablet - Global styling*/ + +@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) +{ + .header + { + height: 4%; + justify-content: space-around; + flex-direction: column-reverse; + } + .flex_container_services + { + width: 1180px; + } + p{ + font-size: 4.8rem; + } + .flex_container_services_01 img + { + padding-left: 7%; + width: 100%; + } + .services_01_first_div{ + width: 100%; + } + .services_01_second_div img + { + max-width: 80%; + } + .flex-container_footer + { + width: 1180px; + } + .flex_container_services_01,.flex_container_services_02 + { + width: 1180px; + } + .services_01_second_div + { + padding-left: 5%; + } + .services_01_second_div img + { + max-width: 90%; + } + .flex_container_services_03 + { + flex-wrap: wrap; + padding-left: 10%; + } + .flex_container_services_03_first_div + { + padding-bottom: 5%; + width: 50%; + } +} + + + + + + + +