b-b/test.html at main · seis-amigos/b-b · 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
        integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="test.css">
    <title>Form Page</title>
</head>

<body>
    <div id="formBox" class="formBox">
        <button id="close">X</button>
        <div id="boxContant" class="boxContant">
            <span>Thank you for filling the booking form</span>
            <p class="green">We will contact with you as soon as possible </p>
            <p class="info-p"> Your information:</p>
            <p id="formName">Name:</p>
            <p id="formPhone">Phone Number:</p>
            <p id="formEmail">Email:</p>
            <p id="formDate">The chosen date & hour: 22/11/1996 at 03:00 </p>

        </div>
    </div>
    <header>
        <div id="navbarContainer">
            <div id="logo" class="logo">
                <img src="images/logo.png" alt="">
                <!-- <span>Lorem.</span> -->
            </div>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="real.html" id="store-btn">Real Estate</a></li>
                <li><a href="sales.html">Homes for Sales</a></li>
                <li><a href="about.html">About Us</a></li>
            </ul>
        </div>
        <div class="header-para">


        </div>
        <div class="header-para">
            <span class="para-title">Bayt</span>
            <span class="space"></span> “where dreams come true ”
            <div class="header-para">

            </div>
            <!-- <h1 id="firsthead">Bayt Albuyut is where dreams come true</h1><br> -->
    </header>

    <main>


        <img src="images/headerImg.png" alt="" class="main-image" id="mainHouseImage">


        <h2 class="h2"> ONE BOOK AWAY TO MEET YOUR HOUSE </h2>


        <div class="table-users">
            <div class="header">House information</div>

            <table cellspacing="0">
               <tr>
                  <th>Picture</th>
                  <th>Property Type</th>
                  <th>Location</th>
                  <th>Price</th>
                  <th width="230">Description</th>
               </tr>

               <tr>
                  <td><img src="images/headerImg.png" alt="" class="main-image" id="mainHouseImage"></td>
                  <td id="typeofhouse"></td>
                  <td id="locationofhouse"></td>
                  <td id="priceofhouse"></td>
                  <td id="decriptionofhouse"> </td>
               </tr>

            </table>
         </div>


        <br>


        <div class="container">
            <form id="userform">
                <label class="name1" for="fname">Full Name</label>
                <input type="text" id="fname" name="firstname" placeholder=" John Smith" required>
                <br>
                <label class="center1" for="phoneNumber">Phone Number</label>
                <input type="number" id="phoneNumber" name="phoneNumber" placeholder=" +962XXXXXXXXX" required>
                <br>
                <label class="email2" for="email"> Email </label>
                <input type="email" name="email" id="email" placeholder=" John.Smith@gmail.com" required>
                <br>
                <label class="center1" for="date"> Meeting Date </label>
                <input type="text" name="date" id="date" placeholder=" 26/12/1993" required>
                <br>
                <label class="center1" for="hour"> Meeting Hour </label><br>
                <input type="time" name="hour" id="hour" step="any" placeholder=" 18:00" min="09:00" max="18:00"
                    required>
                <br>
                <input type="submit" value="Submit">
            </form>
        </div>


    </main>
    <footer class="footer-basic ">

        <div id="footer-logo" class="logo">
            <div id="logo" class="center">
                <img src="images/logo.png" alt="">
                <!-- <span>Lorem.</span> -->
            </div>
        </div>
        <div class="social"><a href="#"><i class="icon ion-social-instagram"></i></a><a href="#"><i
                    class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a
                href="#"><i class="icon ion-social-facebook"></i></a></div>
        <span class="copyright">Bayt Albuyut © 2021</span>
        <div id="footerQuickLink">
            <h4>QUICK LINKS</h4>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="real.html">Real Estate</a></li>
                <li><a href="sales.html">Homes for Sales</a></li>
                <li><a href="about.html">About Us</a></li>
            </ul>
        </div>
    </footer>
    <script src="js/see_more.js"></script>

</body>

</html>