Week3-HT88-WEBSITENAMEclone/index.html at main · HT88/Week3-HT88-WEBSITENAMEclone · 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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="style.css">
    <title>WEBSITENAME_clone</title>
</head>
<body>
<header>
    <div class="header_1">

    <div id="harder_1.logo"> <img src="header_logo.png" width="70%"></div>

        <div class="login">
            <form id="login" method="get" action="login.php">

                <input type="text" name="Uname" id="Uname" placeholder="Email address">
                <input type="Password" name="Pass" id="Pass" placeholder="Password">
                <input type="button" name="log" id="log" value="Sign in">

                <div id="services1"> <input type="checkbox" id="check">
                    <span>Remember me</span>

                    <a href="#" id="forgetit">Forgot it?</a>    </div>
            </form>
        </div>
</header>


<section id="section1">
<div id="signup"><form action="/action_page.php">
    <div class="Register">
      <h1>New here? Create a free account!</h1>
      <input type="text" placeholder="Name" name="email" id="email2" required>
      <input type="password" placeholder="Email address" name="psw" id="psw2" required>
      <input type="password" placeholder="Password" name="psw-repeat" id="psw-repeat" required>


      <button type="submit" class="registerbtn">Signup</button> <br>
      By clicking “Sign up” I agree to the Goodreads Terms of Service and confirm that I am at least 13 years old.</div>

      <div id="orsignin" background-color:black;>or sign in using <img src="login_facebook.svg" alt=""> <img src="login_twitter.svg" alt="">
        <img src="login_amazon.png" alt=""> <img src="login_goole.png"> <img src="login_apple.svg" alt="">

    </div>


</div>
  </form>
</div>
</section>


<section id="section2">

<div id="annual12">

    <h1>12th Annual Goodreads Choice Awards</h1>

    <p>


    <p>The choice is yours. Vote in the only major book awards decided by readers.</p>

    <br><br><br>

<input type="button" name="seenominees" id="nominees" value="See the nominees">

<div class="lists">

    <div class="list1"><li></li>
        <ul><a href="#">Best Fiction</a></ul>
        <ul><a href="#">Best Romance</a></ul>
        <ul><a href="#">Science Fiction</a></ul>
        <ul><a href="#">Best Mystery & Thriller</a></ul>
        <ul><a href="#">Best Nonfiction</a></ul>
        </li></div>

    <div class="list2"><li>
        <ul><a href="#">Best Humor</a></ul>
        <ul><a href="#">Best Fantasy</a></ul>
        <ul><a href="#">Young Adult Fiction</a></ul>
        <ul><a href="#">Best Histprical Fisction</a></ul>
        </li></div>

</div>


</div>

<div id="newsandinterview">
    <h1>News & Interviews<h1> <br>

        <p><a href="#">Readers' Most Anticipated Books of November</a></p>

        <p><img src="obama.png" alt="" width="50%"></p>
        <p>19 likes · 26 comments</p> <br>
    </div>

</section>


<section id="section3">

<div id="cols"><div><h1>Deciding what to read next?</h1>
    <p>You’re in the right place. Tell us what titles or genres you’ve enjoyed in the past, and we’ll give you surprisingly insightful recommendations.</p>
    </div>

    <div><h1>What are your friends reading?</h1>
    <p>Chances are your friends are discussing their favorite (and least favorite) books on Goodreads.</p>
    </div></div>

    <div id="lovelists">
        <h1>Love lists?</h1>
        <table>

            <tr>
              <td>Best for Book Clubs <p>
                6,930 books | 12,769 voters
              </td>
              <td><a href="#"><img src="lovebooks.png" alt=""></a></td>
            </tr>
            <tr>

            </tr>
            <tr>
              <td>Best Crime & Mystery Books <p>
                6,027 books | 14,222 voters
              </td>
              <td><a href="#"><img src="lovebooks.png" alt=""></a></td>
            </tr>
            <tr>
            </tr>
            <tr>
              <td>Best Books of the 20th Century<p>
                7,560 books | 49,413 voters
              </td>
              <td><a href="#"><img src="lovebooks.png" alt=""></a></td>
            </tr>
            <tr>
            </tr>
          </table>


    </div>

</section>

<section id="section4">

<div><img src="GR_choice.png" alt="" id="goodbooksrecoomend"></div>
<div><h1>Goodreads Choice Awards: The Best Books 2020</h1>
<br>
    <table id="books">
        <tr>
          <td><a href="#">Best Books 2020</a></td>
          <td><a href="#">Best Memoir & Autobiography</a></td>
        </tr><a href="#"></a>
        <tr><a href="#"></a>
          <td><a href="#">Best Fiction</a></td>
          <td><a href="#">Best History & Biography</a></td>
        </tr><a href="#"></a>
        <tr><a href="#"></a>
          <td><a href="#">Best Mystery & Thriller</a></td>
          <td><a href="#">Best Science & Technology</a></td>
        </tr><a href="#"></a>
        <tr><a href="#"></a>
          <td><a href="#">Best Historical Fiction</a></td>
          <td><a href="#">Best Food & Cookbooks</a></td>
        </tr><a href="#"></a>
        <tr><a href="#"></a>
          <td><a href="#">Best Fantasy</a></td>
          <td><a href="#">Best Graphic Novels & Comics</a></td>
        </tr><a href="#"></a>
        <tr><a href="#"></a>
          <td><a href="#">Best Romance</a></td>
          <td><a href="#">Best Poetry</a></td>
        </tr><a href="#"></a>
        <tr><a href="#"></a>
          <td><a href="#">Best Science Fiction</a></td>
          <td><a href="#">Best Debut Novel</a></td>
        </tr><a href="#"></a>
        <tr><a href="#"></a>
          <td><a href="#">Best Horror</a></td>
          <td><a href="#">Best Young Adult Fiction</a></td>
        </tr><a href="#"></a>
        <tr><a href="#"></a>
          <td><a href="#">Best Humor</a></td>
          <td><a href="#">Best Young Adult Fantasy & Science Fiction</a></td>
        </tr><a href="#"></a>
        <tr><a href="#"></a>
          <td><a href="#">Best Nonfiction</a></td>
          <td><a href="#">Best Middle Grade & Children's</a></td>
        </tr>
      </table>

</div>
</section>


<footer>

<div class="foot">


    <div class="company">
    <h1>COMPANY</h1>
        <ul>About us</ul>
        <ul>Careers</ul>
        <ul>Terms</ul>
        <ul>Privacy</ul>
        <ul>Interest Based Ads</ul>
        <ul>Ad Preferences</ul>
        <ul>Help</ul>
    </div>

    <div class="workwithus">
    <h1>WORK WITH US</h1>

        <ul>Authors</ul>
        <ul>Advertise</ul>
        <ul>Authors & ads blog</ul>
        <ul>API</ul>
    </div>

    <div class="connect">
        <h1>CONNECT</h1>

            <img src="f_facebook.svg" alt="">
            <img src="f_insta.svg" alt="">
            <img src="f_linked.svg" alt="">
            <img src="f_twitter.svg" alt="">
        </div>


        <div class="stores">
            <img src="store_google.png" alt="">
            <img src="store_apple.svg" alt=""> <p>

            © 2020 Goodreads, Inc.

            </div>

    </div>


</footer>


</body>
</html>