WebsitePagination/create website at master · prashant316/WebsitePagination · 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
# WebsitePagination
Website pagination java algorithm example along with StringHandler
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Project1</title>
    <link rel="stylesheet" href="css/style.css">
    </head>
    <link href="https://fonts.google.com/specimen/Baloo+Bhai+2?query=baloo+bhai" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <style>
        body{
            font-family: "Baloo Bhai 2", cursive;
            color: white;
            margin: 0px;
            padding: 0px;
            background-image: url("https://cdn.pixabay.com/photo/2013/03/09/14/38/machines-91849__340.jpg");
            background-size: cover;
            background-attachment: fixed;
            height: 4544px;

        }
        .left{
            display: inline-block;
            border: 2px solid red;
            position: absolute;
            left: 34px;
            text-align: center;
        }
        .left img{
            width: 45px;
        }
        .mid{
            display:block;
            width: 33%;
            margin: 12px auto;
            text-align: center;
             border: 2px solid green;


        }
        .right{
            position :absolute;
            right: 34px;
            top: 22px;
            display:inline-block;
            border: 2px solid yellow;

        }
        .navbar{
            display: inline-block;

        }

        .navbar li a:hover, .navbar li a.active{
            text-decoration: underline;
            color: grey;
            color: rgb(134, 13, 134);
        }
        .navbar li a{
            color: white;
            padding: 23px 34px;
        }
        .btn{
            font-family: "Baloo Bhai 2", cursive;
            margin: 0px 9px;
            background-color: rgb(8, 0, 0);
            color: white;
            padding : 4px 14px;
            border: 2px solid gray;
            border-radius: 10px;
            font-size: 20px;
            cursor: pointer;
        }
        .btn:hover{
            background-color: rgb(19, 117, 19);
        }
        .container{
            border: 2px solid white;
            margin : 106px 80px;
            padding: 75px;
            width: 33%;
            border-radius: 28px;
        }
        .form-group input{
            text-align: center;
            display: block;
            width:345px;
            padding: 10px;
            border: 2px solid rgb(22, 21, 21);
            border-radius: 25px;
            font-size: 25px;
            margin: 11px auto;
            font-family: "Baloo Bhai 2", cursive;
        }
        .container h1{
            text-align: center;
        }
        .form-group button{
            display:block;
            margin:auto;
            width: 23%;

        }

    </style>
<body>
    <header class="header">
        <div class="left">
       <img src="https://cdn.pixabay.com/photo/2016/11/05/08/27/barbel-1799666__340.png" alt="">
       <div>Prashant's Fitness</div>
        </div>
        <div class="mid">
            <ul class="navbar">
        <li><a href="#"class="Active">Home</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Fitness Calculator</a></li>
        <li><a href="#">Contact Us</a></li>
        </ul>
        </div>
        <div class="right">
            <button class="btn">Call us Now</button><button class="btn">Email Us</button>
        </div>
    </header>
    <div class="container">
        <h1>Join the Best GYM of delhi now</h1>
        <form action="noaction.php">
            <div class="form-group">
                <input type="text" name="" placeholder="Enter your name">
                <input type="text" name="" placeholder="Enter your E-mail id">
                <input type="text" name="" placeholder="Enter your phone number">
                <button class="btn">Submit</button>
            </div>

        </form>
    </div>

</body>
</html>