Doc/trials.html at main · Fuangi/Doc · 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
<!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">
    <title>trials and testings</title>
    <link rel="stylesheet" href="Styles/try.css">
    <link rel="stylesheet" href="fontawesome-free-5.15.4-web/css/all.css">
</head>
<body>
    <section class="services">
        <div class="pat-pic">
         <!--    <img src="images/pexels-anna-shvets-3845126.jpg" alt=""> -->
        </div>
        <div class="pat-offers">
            <h2>For Patients</h2>
            <ul>
                <li>Free registration</li>
                <li>Choose a doctor</li>
                <li>Free appointment bookings</li>
                <li>Appointment reminders</li>
                <li>Leave a review</li>
                <li>Enjoy services</li>
            </ul>
            <button class="btn1"><a href="about.html">Know more</a></button>
            <button class="btn1"><a href="login.html">Signup</a></button>
        </div>
        </section>
        <section class="pat-tabs">
            <p>Do 4 tabs here with children, pregnancy
                ,and some two others or even 3 tabs laat
                to explain more about the above
            </p>
        </section>
        <section class="services">
            <div class="doc-pic">
            <!--     <img src="images/pexels-anna-shvets-4769130.jpg" alt=""> -->
            </div>
        <div class="doc-offers">
        <h2>For Doctors</h2>
        <ul>
            <li>Manage personalized agenda</li>
            <li>Increase online availability</li>
            <li>Grow patient base</li>
            <li>Reduce patient waiting time</li>
            <li>Manage availability</li>
        </ul>
        <button class="btn1"><a class="more" href="about.html">Know more</a></button>
            <button class="btn1"><a href="login.html">Signup</a></button>
    </div>
    </section>
    <section class="doc-tabs">
        <p>Do 4 tabs here with doctor things
            ,and some two others or even 3 tabs laat
            to explain more about the above
        </p>
    </section>

    <!--To talk about mission and some reviews-->
    <section class="mission">
        <div class="miss">
            <h2>Our mission</h2>
        </div>

        <div class="reviews">
            <h2>Reviews</h2>
        </div>

        <div class="something">
            <h2>Just something</h2>
        </div>
    </section>

  <!--To talk about contact information-->

    <section class="contact">
        <h2>Contact Us</h2>
       <a href= ""> <i class="fab fa-facebook-f" ></i> </a>
        <i class= "fab fa-instagram">Instagram</i>
        <i class="fab fa-twitter">Twitter</i>
        <i class="fab fa-whatsapp">WhatsApp</i>
    </section>
    <!--The footer of the page-->
    <footer>
        <p>Copyright &copy: Khing's Corp 2022</p>
    </footer>

<!--  .users, .centers{
        height: 400px;
        width: 350px;
        margin: 2rem 3rem 2rem 2rem;
        padding: 1rem;
        font-family: serif;
        float: left;
        border-radius: 50px;
        background: linear-gradient(rgb(171, 202, 233), rgba(148, 148, 235, 0.8));
        box-shadow: -2px -2px 15px, 2px 2px 15px;
    }
    .users h3, .centers h3{
        text-align: center;
    }
    .users li{
        list-style-type: lower-roman;
        font-family: cursive;
    }
    .centers a{
        text-decoration: none;
        color: rgba(245, 236, 236, 0);
    }
    .serv-link{
        color: white;
    }  -->
    <script src="Scripts/index.js"></script>
</body>
</html>
</body>
</html>