From ff7744038f4f3a9f7e76f6319db01ee20a065454 Mon Sep 17 00:00:00 2001
From: Yuktashettigar16 <76399321+Yuktashettigar16@users.noreply.github.com>
Date: Thu, 7 Oct 2021 17:21:30 +0530
Subject: [PATCH] Tried making contact html page

i am a beginner , just tried making this one. Hope it is good. Thank You
---
 Contact_Yuktashettigar16 | 125 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 125 insertions(+)
 create mode 100644 Contact_Yuktashettigar16

diff --git a/Contact_Yuktashettigar16 b/Contact_Yuktashettigar16
new file mode 100644
index 0000000..ca610e9
--- /dev/null
+++ b/Contact_Yuktashettigar16
@@ -0,0 +1,125 @@
+<!--Contact us with footer html file-->
+    <section class="contact" id="Contact">
+        <div class="max-width">
+            <h2 class="title">Contact Me</h2>
+            <div class="contact-content">
+                <div class="column left">
+                    <div class="text">Contact Details</div>
+                    <p>Contact me to know more details</p>
+                    <div class="icons">
+                        <div class="row">
+                            <i class="fas fa-map-marker-alt"></i>
+                            <div class="info">
+                                <div class="head">Address</div>
+                                <div class="sub-title">Bengaluru, Karnataka , India</div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <i class="fas fa-envelope"></i>
+                            <div class="info">
+                                <div class="head">Email</div>
+                                <div class="sub-title">xyz342.abc.edu.in</div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <i class="fas fa-phone-alt"></i>
+                            <div class="info">
+                                <div class="head">Phone</div>
+                                <div class="sub-title">(91) 90909 09090 or (91) 12345 67890</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="column right">
+                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3888.977563573153!2d77.5643664138822!3d12.909163519740353!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae156310100001%3A0x71be53da4480fbbe!2sDayananda%20Sagar%20College%20of%20Engineering!5e0!3m2!1sen!2sin!4v1625143947075!5m2!1sen!2sin"
+                        width="450" height="350" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- footer section start -->
+    <footer>
+        <span>Created with ❤️ by Me. </a> | <span class="far fa-copyright"></span> 2021 All Rights Reserved.</span>
+    </footer>
+
+</body>
+
+</html>
+
+
+
+CSS styles (optional):
+
+
+/* contact section styling */
+
+.contact .contact-content .column {
+    width: calc(50% - 30px);
+}
+
+.contact .contact-content .text {
+    font-size: 20px;
+    font-weight: 600;
+    margin-bottom: 10px;
+}
+
+.contact .contact-content .left p {
+    text-align: justify;
+}
+
+.contact .contact-content .left .icons {
+    margin: 10px 0;
+}
+
+.contact .contact-content .row {
+    display: flex;
+    height: 65px;
+    align-items: center;
+}
+
+.contact .contact-content .row .info {
+    margin-left: 30px;
+}
+
+.contact .contact-content .row i {
+    font-size: 25px;
+    color: #f47932;
+}
+
+.contact .contact-content .info .head {
+    font-weight: 500;
+}
+
+.contact .contact-content .info .sub-title {
+    color: #333;
+}
+
+.contact .right {
+    display: flex;
+}
+
+.contact .contact-content .column.right {
+    text-align: center;
+    align-items: center;
+    justify-content: center;
+}
+
+
+/* footer section styling */
+
+footer {
+    background: #111;
+    padding: 40px 23px;
+    color: #fff;
+    text-align: center;
+}
+
+footer span a {
+    color: #f47932;
+    text-decoration: none;
+}
+
+footer span a:hover {
+    text-decoration: underline;
+}