KoreanFamilyMarket/index.html at master · ilevarasi/KoreanFamilyMarket · 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
<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>KOREAN FAMILY MART</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom fonts for this template -->
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
  <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  <link href='https://fonts.googleapis.com/css?family=Andika' rel='stylesheet'>

  <!-- Custom styles for this template -->
  <link href="css/landing-page.min.css" rel="stylesheet">

</head>

<body>

  <!-- Navigation -->
  <nav class="navbar navbar-light bg-light static-top"  >
    <div class="container" style="font-family:Comic Sans MS, Comic Sans, cursive ; font-size: 20px">
      <a class="navbar-brand" href="index.html">Korean Family Market</a>
      <a class="active" href="index.html">Home</a>
      <a class="active" href="about.html">About</a>
      <a class="active" href="product.html">Product</a>
      <a class="active" href="locate.html">Locate Us</a>

    </div>
  </nav>

  <!-- Masthead -->
  <header class="masthead text-white text-center">
    <div class="overlay"></div>
    <div class="container">
      <div class="row">

        <div class="col-md-10 col-lg-8 col-xl-7 mx-auto ">

          <form method="post" action="#">
        <fieldset>
            <legend style="font-family:'Andika'">Get the Newsletter: </legend>

          <div class="col-12 col-md-9 mb-2 mb-md-0">

                <input type="email" class="form-control form-control-lg" placeholder="Email Address">


              </div>
              <br>
          <div class="col-12 col-md-4">
                <button type="submit" class="btn btn-block btn-lg btn-primary">Submit</button>

              </div>

        </fieldset>
      </form>
        </div>
      </div>
    </div>
  </header>
<div style="height: 25px; background-color:   #E6E6FA"></div>

  <!-- Icons Grid -->
  <section class="features-icons bg-light text-center">
    <div class="container">
      <div class="row">
        <div class="col-lg-4">
          <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
            <!-- <div class="features-icons-icon d-flex"> -->
              <img src="img/store.jpg" alt="store" width="700"
         height="410">
         <br>

            </div>
                   </div>
        </div>

        <div class="col-lg-4">
          <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
            <div class="features-icons-icon d-flex">
              <!-- <i class="icon-layers m-auto text-primary"></i>
            </div>
            <h3>Bootstrap 4 Ready</h3> -->
            <p class="lead mb-0 ">Korean Family Mart is here to put your worries to rest. We’ve partnered with multiple suppliers who Imported goods from South to bring the very best Korean products to Malaysia, and your dinner table.</p>
          </div>
        </div>

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

<br>
<div style="width: 320px;
  padding: 15px;
  border: 5px solid gray;
  margin: 0 ; left: 50%; background-color: #FFEBCD; ">Products will be uploaded & updated every Week.We love to hear from you. Love, 코리아 패밀리 마켓 (Korea Family Market )</div>

  <br>

<div style="height: 25px; background-color:   #E6E6FA"></div>
  <!-- Call to Action -->
  <section class="call-to-action text-white text-center">
    <div class="overlay"></div>
    <div class="container">
      <div class="row">

        <div class="col-md-10 col-lg-8 col-xl-7 mx-auto">

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


  <footer class="footer text-faded text-center py-5">
    <div class="container">
      <p class="m-0 small">Copyright &copy; Ilevarasi 2020. All Rights Reserved.</p>
    </div>
  </footer>


  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

</body>

</html>