HTMLRepo/index.html at main · ManarAbdelkarim/HTMLRepo · 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
<!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="styles.css"> -->
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="MyCss.css">
    <script type="text/javascript" src="MyScript.js"></script>
    <title>Rental Store - Wedding</title>


</head>
<body id="body">
    <header>
        <button id="theme" onclick="theme()" ><h5 > Change Theme</h5></button>
        <h1 id="title">Rental Store</h1>

        <nav id="nav">
        <ul>
            <li><a  href="#/index.html">Home</a></li>
            <li><a href="#news">Sections</a></li>
           <li style="float:right ; padding-right: 20px;"  id="cart"  i class="fas fa-shopping-cart"> cart</li>

            <li style="float:right"><a href="/Login.html">Login</a></li>
            <li><a href="https://saraaltaweel.github.io/lab/ ">Sara Altaweel Page</a></li>
          </ul>
        </nav>

    </header>
    <main>

        <table>
            <tr>
                <td class="mytd" ><img class="pop" onclick="pop" src=" https://www.boandluca.com/wp-content/uploads/2020/02/TEMPLE_LACE68-scaled-400x600.jpg"
                     alt="Wedding Dress"><input type="number" class="hiddenInput"><p class="desc"><span>white Dreess</span></p></td>
                <td  class="mytd"><img class="pop" onclick="pop" src="https://www.boandluca.com/wp-content/uploads/2020/02/TEMPLE_LACE44-scaled-600x900.jpg"
                     alt="Wedding Dress"><input type="number" class="hiddenInput"><p class="desc"><span>white Dreess</span></p></td>
                <td  class="mytd" ><img class="pop" onclick="pop" src="https://www.boandluca.com/wp-content/uploads/2020/02/TEMPLE_LACE64-scaled-600x900.jpg"
                     alt="Wedding Dress"><input type="number" class="hiddenInput"><p class="desc"><span>white Dreess</span></p></td>
                <td  class="mytd" ><img class="pop" onclick="pop" src="https://www.boandluca.com/wp-content/uploads/2020/02/TEMPLE_LACE57-scaled-600x900.jpg"
                    alt="Wedding Dress"><input type="number" class="hiddenInput"><p class="desc"><span>white Dreess</span></p></td>
            </tr>
            <tr>
                <td><img class="pop" onclick="pop" src=" https://www.boandluca.com/wp-content/uploads/2020/02/TEMPLE_LACE68-scaled-400x600.jpg"
                    alt="Wedding Dress"><input type="number" class="hiddenInput"><p class="desc"><span>white Dreess</span></p></td>
                <td><img class="pop" onclick="pop" src="https://www.boandluca.com/wp-content/uploads/2020/02/TEMPLE_LACE44-scaled-600x900.jpg"
                    alt="Wedding Dress"><input type="number" class="hiddenInput"><p class="desc"><span>white Dreess</span></p></td>
                <td><img class="pop" onclick="pop" src="https://www.boandluca.com/wp-content/uploads/2020/02/TEMPLE_LACE64-scaled-600x900.jpg"
                     alt="Wedding Dress"><input type="number" class="hiddenInput"><p class="desc"><span>white Dreess</span></p></td>
                <td><img class="pop" onclick="pop" src="https://www.boandluca.com/wp-content/uploads/2020/02/TEMPLE_LACE57-scaled-600x900.jpg"
                     alt="Wedding Dress"><input type="number" class="hiddenInput"><p class="desc"><span>white Dreess</span></p></td>
            </tr>

        </table>
        <!-- <section>
            <nav>
                <label >choose the price</label><br>
                <input id="price1" type="number"><br>

                    <label >enter the discount code "disc10" , "disc25", or "disc50" </label><br>
                <input id="discount1" type="text"><br>
                <button onclick="Cal2()">Go</button>
                <p id="answer1"></p>
            </nav>

            <ul>
                <strong>To get the total please follow the instructions</strong>
                <li>click on the pictures to check or uncheck an item</li>
                <li>you have to choose at least one item</li>
                <li>to git the discount your parchase should be greater than 100 JD</li>

            </ul>
            </section> -->


        <div >
            <label >choose the price</label><br>

            <input id="price" type="number"><br>
            <label>Enter the amount you want</label><br>
                <input id="count" type="number"><br>
                <label >enter the discount code "DISC10" , "DISC25", or "DISC50"</label><br>
            <input id="discount" type="text"><br><br>
            <button onclick="Cal()">Go</button>
            <p id="answer"></p>


        </dive>
    </main>
    <footer id="footer"> &copy; Manar Abdelkarim 2021</footer>


        </script>
</body>
</html>