Atechnologies/contact.php at main · Codebrokerrose/Atechnologies · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- <link rel="stylesheet" href="footer_link.css"> -->
</head>
<style>
    body{
        margin:0;
        padding:0;
        box-sizing: border-box;
    }
    .contact-background{

        background-image: url("./image/contact.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        height:600px;
        width:100%;
        text-align: center;
    }
    .contact-icon{
        margin-top: 100px;
        opacity:0.6;
        color:white;
        font-size:70px;
    }
    .contact-button-style{
        padding-left: 26px;
        padding-right: 26px;
        padding-top:15px;
        padding-bottom: 15px;
        font-size:20px;
        border-radius: 25px;
    }
    .contact-heading, .contact-subheading{
        color:antiquewhite;
        opacity:0.8;
    }
    .contact-heading{
        font-size: 45px;
        font-family: Georgia, serif;
    }
    .contact-subheading{
        font-size:25px;
    }
    .contact-join-button{
        opacity:0.5;
        color:white;
        background-color: #10a1ef;
    }
    .contact-logo{
        height:100px;
        width:100px;
        border-radius: 100px;
        padding:20px;
        margin-top:30px;
        border: 2px solid #1f8dc8;
    }
    .contact-info-background{
        background-color: white;
        text-align: center;
    }
    .contact-info-heading{
        font-size:2.7rem;
        color:#1f8dc8;
        margin-bottom: 0;
    }
    .contact-info-subheading{
        font-size:1.5rem;
        color:#1f8dc8;
    }
    .contact-text, .contact-button-text{

        color:black;
    }
</style>
  <link rel="shortcut icon" href="./image/logo.jpeg" type="image/x-icon">
<body>

<?php
include "nav.php";
?>

    <div class="contact-background">
      <i class="fa-solid fa-envelope-circle-check contact-icon" ></i>
      <h1 class="contact-heading contact-button-text">Contact Us</h1>
      <h3 class="contact-text">Questions or concerns? Drop us a line or give us a call</h3>
      <button class="contact-button-style contact-join-button" onclick="location.href = './Atech/studentform.php';">JOIN NOW</button>
   </div>

   <div class="contact-info-background">
    <img class="contact-logo" src="./image/logo.jpeg" alt="not loaded">
    <h1 class="contact-info-heading">Our Office</h1>
    <h3 class="contact-info-subheading">A Technologies</h3>

    <h4>E-mail: Atechnologies@atechkol.in</h4>
    <h4>Ph no. +91 81000 59162 / 89103 50813</h4>

    <h4>Pragati Apartment, Mahatma Gandhi Rd, Greater Bakul Bithi,<br><br> Thakurpukur, Kolkata, West Bengal 700063</h4>
    <br>
   </div>

    <?php
    include "map.php";
    ?>

   <?php
   include "footer.php";
   ?>
</body>
</html>