Birkbeck2 · github-classroom · Jan 8, 2024 · Jan 8, 2024 · Jan 8, 2024 · Jan 8, 2024
diff --git a/.gitattributes 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
diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+[![Review Assignment Due Date](https://classroom.github.com/assets/deadline-readme-button-24ddc0f5d75046c5622901739e7c5dd533143b0c8e959d652212380cedb1ea36.svg)](https://classroom.github.com/a/59P2FRZS)
diff --git a/accessibility-icon.png b/accessibility-icon.png
diff --git a/cta-icon.png b/cta-icon.png
diff --git a/easy-to-use-icon.png b/easy-to-use-icon.png
diff --git a/image manipulation/fairy-in-bulb-02.jpg b/image manipulation/fairy-in-bulb-02.jpg
diff --git a/image manipulation/hive.jpg b/image manipulation/hive.jpg
diff --git a/image manipulation/horse-02.jpg b/image manipulation/horse-02.jpg
diff --git a/image manipulation/ice.jpg b/image manipulation/ice.jpg
diff --git a/image manipulation/temple.jpg b/image manipulation/temple.jpg
diff --git a/image manipulation/women-hair.jpg b/image manipulation/women-hair.jpg
diff --git a/images/KFC_cover.png b/images/KFC_cover.png
diff --git a/images/Upaj_website_cover.png b/images/Upaj_website_cover.png
diff --git a/images/accessibility-icon.png b/images/accessibility-icon.png
diff --git a/images/biogas_cover.jpg b/images/biogas_cover.jpg
diff --git a/images/doctor_cover.jpg b/images/doctor_cover.jpg
diff --git a/images/easy-to-use-icon.png b/images/easy-to-use-icon.png
diff --git a/images/ledger_cover.jpg b/images/ledger_cover.jpg
diff --git a/images/portfolio-image.png b/images/portfolio-image.png
diff --git a/images/retaler_cover.png b/images/retaler_cover.png
diff --git a/images/user-friendly-icon.png b/images/user-friendly-icon.png
diff --git a/portfolio_website.html b/portfolio_website.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en">
+
+    <head>
+        <link rel="stylesheet" href="style_homepage.css">
+        <meta charset="utf-8">
+        <title>Ishmeet</title>
+    </head>
+
+<body>
+        <div class="header">
+            <div class="my-name">Ishmeet Kaur</div>
+            <div class="header-menu">
+                <nav><!--Navigation bar-->
+                    <ul>
+                        <li><a href="portfolio_website.html">Home</a></li>
+                        <li><a href="portfolio_website_services.html">Services</a></li>
+                        <li><a href="portfolio_website_projects.html">Projects</a></li>
+                        <li><a href="portfolio_website_contact.html">Contact</a></li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+
+        <div class="flex_container_me"><!--Introductory section-->
+            <div class="flex_container_me_01"><img src="images/portfolio-image.png" alt="Ishmeet Kaur image"></div>
+            <div class="flex_container_me_02"><p>Hey. I am Ishmeet Kaur! I am passionate about creating useful user experiences for making people's lives more fulfilling.</p> </div>
+        </div>
+
+        <div class="flex_container_work"><!--Section showcasing my projects-->
+            <div class="flex_container_work_01">
+                <div class="work_01_first_div"> 
+                    <p>I do experiments & write it down called as Research projects!</p></div>
+                <div class="work_01_second_div"><img src="images/KFC_cover.png" alt="KFC project cover image"></div>
+                <div class="work_01_second_div"><img src="images/Upaj_website_cover.png" alt="Upaj website cover image"></div>
+            </div>
+        </div>    
+
+            <div class="flex_container_work_02">
+                <button>View more</button></div>
+
+    <footer>
+        <div class="flex-container_footer"><!--Footer-->
+           <div class="flex-container_footer_first_div">
+                <p>Wanna talk?</p></div>
+            <div class="flex-container_footer_second_div">
+                Reach me out at [email protected]</div>
+        </div>    
+    </footer>
+</body>
+</html>
diff --git a/portfolio_website_contact.html b/portfolio_website_contact.html
@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="en">
+
+    <head>
+        <link rel="stylesheet" href="style_homepage.css">
+        <meta charset="utf-8">
+        <title>Ishmeet_Contact</title>
+    </head>
+
+<body>
+        <div class="header">
+            <div class="my-name">Ishmeet Kaur</div>
+            <div class="header-menu">
+                <nav>
+                    <ul>
+                        <li><a href="portfolio_website.html">Home</a></li>
+                        <li><a href="portfolio_website_services.html">Services</a></li>
+                        <li><a href="portfolio_website_projects.html">Projects</a></li>
+                        <li><a href="portfolio_website_contact.html">Contact</a></li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+
+    <div class="container"><!--Contact form-->
+        <p>Reach out to me. I would love to connect with you for your queries!</p>
+        <div class="contact-box">
+          <div class="contact-left">
+                <form method="post" action="save-contact-details.html">
+                    <div class="input-row">
+                        <div class="input-group"><!--Write full name-->
+                            <label>Full Name</label>
+                            <input type="text" id="fullname" name="fullname" placeholder="John Williams">
+                        </div>
+                        <div class="input-group"><!--Enter mobile number-->
+                            <label>Phone</label>
+                            <input type="text" id="phonenumber" name="phonenumber" placeholder="+1 412 520 3231">
+                        </div>
+                    </div>
+
+            <div class="input-row"><!--Enter email id-->
+                <div class="input-group">
+                    <label>Your mail id</label>
+                    <input type="email" id="email" name="e-mail" placeholder="[email protected]">
+                </div>
+
+                <div class="input-group"><!--Choose gender-->
+                <label>Gender</label>
+
+                    <select id="gender" name="gender">
+                    <option value="Male">Male</option>
+                    <option value="Female">Female</option>
+                    <option value="Bisexual">Bisexual</option>
+                    <option value="Heterosexual">Heterosexual</option>
+                    </select>
+                </div>
+            </div>
+                <label>Type your message here</label><!--Write message/give feedback-->
+                <textarea id="subject" name="subject" placeholder="Your Message Here" rows="5"></textarea>
+
+              <button type="submit">Send</button>
+            </form>
+          </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/portfolio_website_projects.html b/portfolio_website_projects.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="en">
+
+    <head>
+        <link rel="stylesheet" href="style_homepage.css">
+        <meta charset="utf-8">
+        <title>Ishmeet-Projects</title>
+    </head>
+
+<body>
+        <div class="header">
+            <div class="my-name">Ishmeet Kaur</div>
+            <div class="header-menu">
+                <nav>
+                    <ul>
+                        <li><a href="portfolio_website.html">Home</a></li>
+                        <li><a href="portfolio_website_services.html">Services</a></li>
+                        <li><a href="portfolio_website_projects.html">Projects</a></li>
+                        <li><a href="portfolio_website_contact.html">Contact</a></li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+
+        <div class="flex_container_project"><!--Parent container showcasing all the projects-->
+            <div class="flex_container_project_01"><!--Sub-container 01-->
+                <div class="project_01_first_div"> 
+                    <p>I do experiments & write it down called as Research projects!Click below to see my projects</p></div>
+                <div class="project_01_second_div"><a href="//www.behance.net/gallery/181784665/Revamp-KFC-UAE-App"><img src="images/KFC_cover.png" alt="KFC project cover image"></a></div>
+                <div class="project_01_second_div"><a href="//www.behance.net/gallery/153255059/Upaj-A-web-platform-to-empower-farmers"><img src="images/Upaj_website_cover.png" alt="Upaj website cover image"></a></div>
+            </div>
+
+            <div class="flex_container_project_02"><p>That's not all. Few more to go!</p></div><!--Sub-container 02-->
+
+            <div class="flex_container_project_03"><!--Sub-container 03-->
+                <div class="flex_container_project_03_first_div"><a href="//www.behance.net/gallery/161637351/Retailer-App"><img src="images/retaler_cover.png" alt="App for Retailer project cover image"></a></div>
+                <div class="flex_container_project_03_first_div"><a href="//www.behance.net/gallery/96074949/Biogas-App-UI"><img src="images/biogas_cover.jpg" alt="App on biogas cover image"></a></div>
+                <div class="flex_container_project_03_first_div"><a href="//www.behance.net/gallery/160922387/Ledger-App"><img src="images/ledger_cover.jpg" alt="App for managing ledger cover image"></a></div>
+                <div class="flex_container_project_03_first_div"><a href="//www.behance.net/gallery/121035629/Website-Design-UIUX"><img src="images/doctor_cover.jpg" alt="Website for doctore cover image"></a></div>
+            </div> 
+        </div>
+
+    <footer>
+        <div class="flex-container_footer">
+           <div class="flex-container_footer_first_div">
+                <p>Wanna talk?</p></div>
+            <div class="flex-container_footer_second_div">
+                Reach me out at [email protected]
+            </div>
+        </div>
+    </footer>
+
+</body>
+</html>
diff --git a/portfolio_website_services.html b/portfolio_website_services.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+
+    <head>
+        <link rel="stylesheet" href="style_homepage.css">
+        <meta charset="utf-8">
+        <title>Ishmeet-Services</title>
+    </head>
+
+<body>
+        <div class="header">
+            <div class="my-name">Ishmeet Kaur</div>
+            <div class="header-menu">
+                <nav>
+                    <ul>
+                        <li><a href="portfolio_website.html">Home</a></li>
+                        <li><a href="portfolio_website_services.html">Services</a></li>
+                        <li><a href="portfolio_website_projects.html">Projects</a></li>
+                        <li><a href="portfolio_website_contact.html">Contact</a></li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+
+    <div class="flex_container_services">
+      <div class="flex_container_services_01">
+          <h1>I design to provide you these services!</h1>
+      </div>
+      <div class="flex_container_services_02"><!--alt text added for accessibility-->  
+          <div class="services_02_first_div"><a href="//shorturl.at/juBCM"><img src="images/accessibility-icon.png" alt="accessible design"></a>
+          <p>Accessible</p></div>
+          <div class="services_02_first_div"><a href="//wiredimpact.com/blog/7-characteristics-user-friendly-website/"><img src="images/user-friendly-icon.png" alt="user friendly design"></a>
+            <p>Usability</p></div>
+          <div class="services_02_first_div"><a href="//wiredimpact.com/blog/7-characteristics-user-friendly-website/"><img src="images/easy-to-use-icon.png" alt="Easy to use design"></a>
+            <p>Easy to navigate</p></div>
+      </div>  
+      <div class="flex_container_services_03">      
+            <div class="services_03_first_div"><a href="//shorturl.at/imswY"><img src="images/responsive-icon.png" alt="responsive design"></a>
+                <p>Responsive</p></div>
+            <div class="services_03_first_div"><a href="//www.semrush.com/blog/what-is-a-call-to-action/"><img src="images/cta-icon.png" alt="clear cta"></a>
+                <p>Clear CTAs</p></div>
+      </div>             
+      </div>         
+
+  <footer>
+      <div class="flex-container_footer">
+         <div class="flex-container_footer_first_div">
+              <p>Wanna talk?</p></div>
+          <div class="flex-container_footer_second_div">
+              Reach me out at [email protected]</div>
+      </div>    
+  </footer>
+
+</body>
+</html>
diff --git a/responsive-icon.png b/responsive-icon.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# Auto detect text files and perform LF normalization
		* text=auto
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		[![Review Assignment Due Date](https://classroom.github.com/assets/deadline-readme-button-24ddc0f5d75046c5622901739e7c5dd533143b0c8e959d652212380cedb1ea36.svg)](https://classroom.github.com/a/59P2FRZS)