learning-git/gitt.html at main · Deb-cybe/learning-git · 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
<!DOCTYPE html>
<html lang="en">
<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="gitt.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=EB+Garamond&family=Josefin+Sans:wght@100&display=swap" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
  <title>Document</title>
</head>
<body>
<div class="navbar"  >
        <div class="logo">
               <p>Foodhop</p>
        </div>
        <div class="nav">
          <ul>
            <li><a href="#p" class="test" id="cons">Home</a></li>
            <li><a href="#n"  class="test">About</a></li>
            <li><a href="#m" class="test">Menu</a></li>
            <li><a href="#q" class="test">Contact</a></li>
          </ul>
        </div>
</div>
  <div class="image" id="p">
    <!-- <h3>Food</h3> -->
    <img src="ca.jpg" alt="">
  </div>
  <section class="imgs">
    <img src="an.jpg" alt="">
    <div class="note1" id="n">
    <h1>Catering</h1>
    <p>The Catering was founded in blabla by Mr. Smith in lorem ipsum dolor sit amet, consectetur adipiscing elit consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute iruredolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.We only use seasonal ingredients.</p>
    <br>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, soluta. Reprehenderit numquam consequuntur natus, ipsam nihil molestias minima expedita recusandae, distinctio voluptatem, assumenda. Accusantium dolorum impedit, eius perferendis culpa? Incidunt. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus assumenda quasi ipsa, eius similique modi mollitia voluptate quam a quos.</p>
  </div>
</section>
<p id="new" >_____________________________________________________________________________________________________________ </p>

<section class="imgss">
  <div class="note2" id="m">
  <h1  >Menu</h1>
  <p>The Catering was founded in blabla by Mr. Smith in lorem ipsum dolor sit amet, consectetur adipiscing elit consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute iruredolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.We only use seasonal ingredients.</p>
  <br>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, soluta. Reprehenderit numquam consequuntur natus, ipsam nihil molestias minima expedita recusandae, distinctio voluptatem, assumenda. Accusantium dolorum impedit, eius perferendis culpa? Incidunt. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus assumenda quasi ipsa, eius similique modi mollitia voluptate quam a quos.</p>
</div>
<img src="ann.jpg" alt="">
</section>
<p id="new">_____________________________________________________________________________________________________________</p>
<br>
<section class="foot" id="q">
  <h1>Contact</h1>
  <div class="cont">

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero cumque ipsam iusto vel eum, molestiae dolorem obcaecati quis, ullam commodi asperiores. In eos quia odio ut ipsa modi numquam iusto!</p>
  <br><br>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, repellendus.</p>
  <br><br>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci pariatur aut tempora, unde ipsum dolore ad aspernatur perferendis quasi fugiat!</p>
  <br><br>
</div>
  <div class="form">
    <form>
  <!-- <label for="fname">First Name</label> -->
  <br>
  <input type="text" id="fname" name="fname" placeholder="Name">
  <br>
  <!-- <label for="lname">Last Name</label> -->
  <br>
  <input type="text" id="lname" name="lname" placeholder="How many people">
  <br><br>
  <input type="date" name="" value="" ><br><br>
  <input type="text" name="" value="" placeholder="Message\Special requirements">
</form>
<button type="button" name="button"  >Send Message</button>
  </div>
</section>


<script>
      $(document).ready(function()
 {
          $("a.test").click(function(event) {
              event.preventDefault();
              $("html, body").animate({
                  scrollTop: $($(this).attr("href")).offset().top
                }, 500);
            });
        });
    </script>
</body>
</html>