javascript-DOM/index.html at master · andreagnecco/javascript-DOM · 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
<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/estilo.css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
        crossorigin="anonymous">
    <title>Document</title>
</head>

<body onload="listarProdutos()">
    <!-- <header class="header">
        <div class="head"><span>1</span><span>Shopping Cart</span></div>
        <div class="head"><span>2</span><span>Shipping Info</span></div>
        <div class="head"><span>3</span><span>Payment Method</span></div>
    </header> -->
    <main>
        <section>
            <div class="name__info">
                <span class="title__cart title__cart--modify">Name</span>
                <span class="title__cart">Price</span>
                <span class="title__cart">Quantity</span>
                <span class="title__cart">Total</span>
            </div>

            <div id="products"></div>

            <div>
                Subtotal: <strong>R$ <span id="total-geral"></span></strong>
                <span><i></i> Continue Shopping</span>
                <button type="submit">Shipping Info</button>
            </div>
            <div class="clear"></div>
        </section>
        <section>
            <div class="linha">
                <div class="esquerda">
                    <h3>Shipping Address</h3>
                    <form action="">
                        <select class="inputs" name="input_country" id="selection_country">
        <option value="0">Select</option>
        <option value="1">Brasil</option>
        <option value="2">USA</option>
    </select>
                        <br>
                        <select class="inputs" name="input_city" id="selection_city">
        <option value="0"></option>
    </select>
                        <br>
                        <input class="inputs" type="text" name="state" id="state" placeholder="State / Region / Province">
                        <br>
                        <input class="inputs" type="text" name="zip" id="zip" placeholder="Zip Code">
                        <br>
                        <input class="inputs" type="text" name="ad1" id="ad1" placeholder="Address 1">
                        <br>
                        <input class="inputs" type="text" name="ad2" id="ad2" placeholder="Address 2">

                </div>
                <div class="direita">
                    <h3>Contact Info</h3>

                    <input class="inputs" type="text" name="name" id="name" placeholder="First Name">
                    <input class="inputs" type="text" name="lastname" id="lastname" placeholder="Last Name">
                    <input class="inputs" type="email" name="email" id="email" placeholder="Email">
                    <input class="inputs" type="tel" name="phone" id="phone" placeholder="Phone">

                    <div class="clear"></div>

                    <h3>Shipping Method</h3>
                    <div class="container">


                        <div class="shipping">
                            <input type="radio" value="pacote1" name="s_input" id="s_input">$10 Standard
                            <br>
                            <span>(2 - 3 weeks)</span>
                        </div>
                        <div class="shipping">
                            <input type="radio" value="pacote2" name="u_input" id="u_input">$20 Ultraspeed
                            <br>
                            <span>(1 week)</span>
                        </div>
                    </div>
                    <button type="submit">Payment Method</button>
                    </form>
                </div>
            </div>
        </section>
    </main>
    <script src="js/carrinho.js"></script>
    <script src="js/form.js"></script>
</body>

</html>