DevashrisWebsite/wd1.html at main · devashrisamani/DevashrisWebsite · 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>MenuScanOrder</title>
    <link
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <style>
      /* Existing styles */
      body {
        font-family: "Helvetica Neue", Arial, sans-serif;
        background-color: #f9f9f9;
        color: #333;
        margin: 0;
        height: 100vh;
      }

      header {
        width: 100%;
        background-color: #fff;
      }

      .logo {
        font-size: 1.5rem;
        font-weight: bold;
      }

      .nav-link {
        color: #000;
        font-weight: 300;
      }

      main {
        margin-top: 10vh; /* Adjusted spacing */
        margin-left: 10%; /* Added left margin */
        margin-right: 10%; /* Added right margin */
      }

      h1 {
        font-size: 4rem;
        font-weight: 900;
        margin-top: 5rem;
        margin-bottom: 4rem; /* Increased spacing */
      }

      p.lead {
        font-size: 1.5rem; /* Increased font size */
        line-height: 1.6;
      }

      .text-center .btn-lg {
        padding: 10px 20px;
        font-size: 1.25rem;
        border-radius: 25px;
      }

      h2 {
        font-size: 2rem;
        font-weight: bold;
        margin-top: 3rem;
      }

      .footer {
        margin-top: 5rem;
      }

      .footer hr {
        margin: 2rem 0;
      }

      .footer .nav-link {
        color: #333;
        font-weight: 500;
      }

      /* Tools Used section */
      .tools-used {
        display: flex;
        justify-content: flex-start; /* Align items to the left */
        flex-wrap: wrap;
        margin-top: 1rem; /* Reduced top margin */
      }

      .tool-card {
        background-color: #f1f1f1;
        border: none;
        border-radius: 8px;
        padding: 10px 20px;
        margin: 5px;
        font-size: 1rem;
        color: #333;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s;
        text-align: center;
      }

      .tool-card:hover {
        transform: scale(1.05);
      }

      /* Additional indentation for sections */
      .indent-section {
        padding-left: 40px; /* Increased padding to the left */
        padding-right: 40px; /* Increased padding to the right */
      }
    </style>
  </head>
  <body>
    <header class="p-4">
      <div class="container d-flex justify-content-between align-items-center">
        <div class="logo">DS.</div>
        <nav>
          <ul class="nav">
            <li class="nav-item">
              <a class="nav-link" href="index.html">Home</a>
            </li>
            <li class="nav-item"><a class="nav-link" href="#">About</a></li>
            <li class="nav-item"><a class="nav-link" href="#">Resume</a></li>
            <li class="nav-item">
              <a class="nav-link" href="contact.html">Contact</a>
            </li>
          </ul>
        </nav>
      </div>
    </header>
    <main class="container mt-5">
      <section class="case-study">
        <h1 class="display-4">MenuScanOrder</h1>
        <p class="lead">
          A SaaS web application tailored specifically for restaurants, cafes,
          and coffee shops, revolutionizing the traditional ordering process.
          This web application enables businesses to streamline operations by
          digitizing their menus and simplifying the ordering experience for
          both customers and staff.
        </p>
        <img src="images/msc.png" class="img-fluid" alt="MenuScanOrder" />
        <div class="text-center mt-5">
          <a href="project_link.html" class="btn btn-lg btn-dark"
            >Project Link</a
          >
        </div>
        <div class="row mt-5 indent-section">
          <div class="col-md-12">
            <h2>Project Overview</h2>
            <p>
              <!-- Your project overview content here -->
              <br />
              The primary objective of the application is to provide an
              intuitive and efficient platform for restaurants to manage their
              menus, orders, and table service seamlessly. This web application
              tackles prevalent issues in the restaurant industry such as
              inefficient ordering processes, order inaccuracies, and the
              growing need for contactless dining solutions. It facilitates a
              streamlined, digital ordering experience for diners through
              quick-access QR code menus, reducing wait times and human error
              while enhancing table turnover efficiency. By enabling a modern,
              interactive dining experience, this web application meets the
              demands of tech-savvy customers and assists restaurants in their
              transition to digital service models, ultimately boosting
              operational efficiency and customer satisfaction. <br />
              <br />
              The primary target audience for the Menu Scan Order web
              application includes two distinct yet interdependent groups:
              restaurant owners and managers looking to optimize their service
              delivery and operational efficiency, and tech-forward diners who
              value convenience, speed, and safety when dining out. The platform
              serves the needs of various food establishments ranging from
              casual eateries to upscale restaurants that wish to modernize
              their ordering system. Simultaneously, it caters to the
              expectations of a digitally inclined clientele who prefer the
              autonomy and ease of scanning to order, making it an essential
              tool for establishments aiming to align with contemporary dining
              trends.<br />
              <br />
              The application will debut as a web-based platform, with the
              underlying architecture built using the CodeIgniter MVC framework,
              ensuring scalability, security, and maintainability. It will
              employ MySQL for robust data management with a focus on security
              and data integrity. Designed to be accessible and responsive, Menu
              Scan Order will cater to a wide array of devices, ensuring a
              seamless user experience. Among the suite of advanced features, we
              will integrate a real-time order management system that enables
              staff to view and mark orders as completed. This will ensure a
              smooth transition from order placement to fulfilment, enhancing
              operational efficiency and customer satisfaction.
            </p>
          </div>
        </div>
        <div class="row mt-3 indent-section">
          <!-- Adjusted top margin -->
          <div class="col-md-12">
            <h2>Tools Used</h2>
            <div class="tools-used">
              <div class="tool-card">HTML</div>
              <div class="tool-card">CSS</div>
              <div class="tool-card">JavaScript</div>
              <div class="tool-card">PHP</div>
              <div class="tool-card">SASS</div>
              <div class="tool-card">GIT</div>
              <div class="tool-card">Github</div>
            </div>
          </div>
        </div>
      </section>
      <div class="footer mt-5">
        <hr />
        <nav>
          <ul class="nav justify-content-center">
            <li class="nav-item">
              <a class="nav-link" href="index.html">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="about.html">About</a>
            </li>
            <li class="nav-item"><a class="nav-link" href="#">Resume</a></li>
            <li class="nav-item">
              <a class="nav-link" href="contact.html">Contact</a>
            </li>
          </ul>
        </nav>
      </div>
    </main>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  </body>
</html>