JS-Project-NB/index.html at main · Tzipi10/JS-Project-NB · 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
<!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">
    <link rel="stylesheet" href="./pages/home/home.css">
    <link rel="stylesheet" href="/pages/gallery/gallery.css">
    <link rel="stylesheet" href="/footer/footer.css">
    <link rel="stylesheet" href="/pages/cart/cart.css">
    <link rel="stylesheet" href="./header/header.css">


    <title>Ayala-NB</title>

    <link rel="stylesheet" href="./packages/fontawesome-free-6.1.1-web/css/all.css" />
    <link rel="stylesheet" href="./packages/fontawesome-free-6.1.1-web/css/all.css" />
    <link rel="stylesheet" href="./packages/bootstrap-3.4.1-dist/css/bootstrap-theme.css" />
    <link rel="stylesheet" href="./packages/bootstrap-3.4.1-dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./packages/fontawesome-free-6.1.1-web/css/all.css">
</head>

<body>
    <header>
        <div id="top-nav">
            <ul class="nav nav-tabs">
                <a href="/index.html"> <img src="/assets/logo.png" height="32px"></a>

                <li class="nav-item" id="cart">
                    <a class="nav-link" href="/pages/cart/cart.html"> <i class="fa-solid fa-cart-shopping"
                            id="carticon"></i></a>
                </li>
                <li class="nav-item" id="heart">
                  <a class="nav-link" href="/pages/wishlist/wishlist.html" title="רשימת המשאלות">
                     <i class="fas fa-heart"></i>
                  </a>
                </li>
                <div id="openList" class="nav nav-tabs">
                    <li id="user" class="nav-item">
                        <a class="nav-link" href="#">להתחברות <i class="fa-solid fa-user"></i></a>
                    </li>
                    <li id="accessories" class="nav-item">
                        <a class="nav-link"
                            href="/pages/accessories/accessories.html?productCategory=accessories">אקססוריז</a>
                    </li>
                    <li id="gallery" class="nav-item">
                        <a class="nav-link" href="/pages/gallery/gallery.html">גלריות</a>
                    </li>
                    <li id="about" class="nav-item">
                        <a class="nav-link" href="/pages/about/about.html">אודות</a>
                    </li>
                    <li id="home" class="nav-item">
                        <a class="nav-link current" href="./index.html">דף הבית</a>
                    </li>
                    <li id="content" class="nav-item">
                        <a class="nav-link" href="/pages/contact/contact.html">| צור קשר</a>
                    </li>
                    <li>
                        <div id="list"><i class="fas fa-list"></i></div>
                    </li>
                </div>
            </ul>
        </div>
    </header>
    <!-- box = login הרשמה -->
    <div id="box"> </div>
    <!-- הפופאפ שקופץ בכניסה ראשונה לאתר -->
    <div id="enter"></div>
    <div id="colorPinkH">
        <div id="img_home">
            <video autoplay loop muted>
                <source src="./assets/home.mp4" type="video/mp4" alt="my video">my video
            </video>
            <h1>מזל<br><span id="good">!טוב</span></h1>
            <p>בייבי חדש זה תמיד מרגש<br> מוזמנת להנציח את הרגעים האלו בשלווה ובכיף</p>
        </div>
    </div>
    <div id="images2">
        <img src="./assets/תמונה.png">
    </div>
    <!-- תמונות שמנתבות לקטגוריות שבגלריה -->
    <div id="imgCategorry">
        <a href="/pages/gallery/gallery.html?productCategory=girls">
            <div id="girls">בנות</div>
        </a>
        <a href="/pages/gallery/gallery.html?productCategory=boys">
            <div id="boys">בנים</div>
        </a>
        <div id="tAndF"><a href="/pages/gallery/gallery.html?productCategory=twins">
                <div id="twins">תאומים</div>
            </a>
            <a href="/pages/gallery/gallery.html?productCategory=family">
                <div id="family">משפחה</div>
            </a>
        </div>
        <a href="/pages/accessories/accessories.html?productCategory=accessories">
            <div id="accessories1">אקססוריז</div>
        </a>
    </div>


    <div id="colorPink" >
        <footer>
            <div id="contact">
                <h2>אני פה לכל שאלה<br>ומשאלה, איזה מזל!</h2>
                <p>אני כאן בשביל להגשים לך צילומי ניו בורן חלומיים באווירה חוויתית ורגועה עד לבית שלך, כן. ממש מזל טוב!
                </p>
                <h3>___________________</h3>
                <p>טלפון: 0548524765<br>מייל: ayala8524765@gmail.com</p>
            </div>
            <form action="#">
                <input type="text" name="name" id="name" placeholder="שם" required>
                <input type="email" name="email" id="email" placeholder="מייל" required>
                <textarea name="massage" id="massage" rows="1" placeholder="כמה מילים"></textarea>
                <button type="submit">שליחה</button>
            </form>
        </footer>
    </div>
    <div id="aRR">
        <a href="ayala8524765@gmail.com">Copyright 2024 © All rights Reserved. created by - Riki Cohen & Tzipi Levi</a>
    </div>
</body>
<script src="./packages/jquery-3.2.1.js"></script>
<script src="/pages/home/home.js"></script>
<script src="./header/header.js"></script>

</html>