JithuMorrison.github.io/Webdev.html at main · JithuMorrison/JithuMorrison.github.io · 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
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>Jithu's web</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
  <link href="home.css" rel="stylesheet" type="text/css" />
  <link href="https://unpkg.com/swiper@7/swiper-bundle.min.css" rel="stylesheet"/>
  <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
  <style>
    body {
      min-height: 100vh;
      background: url('https://www.pixelstalk.net/wp-content/uploads/2016/08/Free-Photos-Universe.jpg') no-repeat;
      background-size: cover;
      background-position: center;
    }
  </style>
</head>

<body>
  <header class="header">
    <a href="#" class="logo"> <i class="fa fa-shield"></i>Web Dev</a>
    <nav class="navbar">
      <a href="index.html"> Home </a>
      <a href="#Infoaboutme"> About me </a>
      <a href="#footer"> Contact us!! </a>
    </nav>
    <div class="icons">
      <div class="fa fa-bars" id="menu-btn"></div>
      <div class="fa fa-search" id="search-btn"></div>
      <a href="login.html">
      <div class="fa fa-user" id="login-btn"></div>
      </a>
    </div>
    <form class="search-form">
      <input type="search" id="search-box" placeholder="Search here...">
      <label for="search-box" class="fa fa-search"></label>
    </form>
  </header>
  <div class="header"></div>
  <input type="checkbox" class="openSidebarMenu" id="openSidebarMenu">
  <label for="openSidebarMenu" class="sidebarIconToggle">
    <div class="spinner diagonal part-1"></div>
    <div class="spinner horizontal"></div>
    <div class="spinner diagonal part-2"></div>
  </label>
  <div id="sidebarMenu">
    <ul class="sidebarMenuInner">
      <li>Jithu <span>Web Developer</span></li>
      <li><a href="#" target="_blank">Web dev</a></li>
      <li><a href="#" target="_blank">App dev</a></li>
      <li><a href="#" target="_blank">Game developer</a></li>
      <li><a href="#" target="_blank">YouTuber</a></li>
      <li><a href="#" target="_blank">Student</a></li>
    </ul>
  </div>
  <section></section>
  <section class="Infoaboutme" id="Infoaboutme">
    <h1 class="heading">My<span>Websites</span></h1>
  <section class="Infoofme">
    <div class="jithucontainer1">
      <h1>Agaram Promoters real estate website </h1>
      <div class="aboutbox">
        <p>Introducing our newly launched real estate website, meticulously designed to revolutionize the property search experience. Our platform showcases a comprehensive range of properties, including lands, plots, and villas, all meticulously listed with detailed information. Built with the latest web technologies and a responsive design, our website ensures a seamless browsing experience across all devices, making it easier than ever to navigate the real estate market.<br><br>

          Explore our user-friendly interface, designed to provide easy access to property details, including prices and locations. Whether you're looking for a spacious villa, a prime plot, or a lucrative piece of land, our robust search filters and intuitive navigation tools help you find the perfect property to meet your needs. Each listing features high-quality images, detailed descriptions, and essential information about the surrounding area, ensuring you have all the details necessary to make informed decisions.<br><br>

          We are committed to delivering exceptional service and convenience to our users. Our website not only facilitates property transactions but also serves as a valuable resource hub with market insights, expert advice, and tips for buyers and sellers. Discover the future of real estate browsing with our innovative website, dedicated to simplifying your property search and empowering your real estate decisions. </p>
        <div class="images">
          <a href="https://www.agarampromoters.com/">Website link! Click here</a>
            <img src="AGP-header.png">
            <img src="AGP-tables.png">

        </div>
      </div>
    </div>
    <div class="jithucontainer1">
      <h1>Jithu's web</h1>
      <div class="aboutbox2">
        <div class="images">
            <img src="JW-header.png">
            <img src="JW-slider.png">
            <a href="https://github.com/JithuMorrison/JithuMorrison.github.io">View in Github</a>
        </div>
        <p>Introducing my newly launched personal portfolio website, a dynamic platform showcasing the diverse range of projects I have developed. This site is designed to provide a comprehensive view of my skills, creativity, and technical expertise. Whether you're interested in web development, mobile applications, or innovative software solutions, my portfolio offers detailed insights into each project, highlighting the unique challenges and solutions involved.<br><br>

        Explore a user-friendly interface where each project is presented with high-quality visuals, in-depth descriptions, and relevant technical details. From concept to completion, I document the entire development process, providing a clear narrative of my work and the tools and technologies used. Visitors can easily navigate through various categories, such as web applications, mobile apps, and experimental projects, gaining a thorough understanding of my capabilities and approach.<br><br>

        This portfolio website is not just a showcase of my work but also a testament to my dedication to continuous learning and innovation. By integrating interactive elements and ensuring a responsive design, I aim to engage visitors and offer an immersive browsing experience. Whether you're a potential employer, collaborator, or fellow developer, my portfolio site is designed to inspire and inform, demonstrating the breadth and depth of my expertise in the field of technology and development. </p>
      </div>
    </div>
    <div class="jithucontainer1">
      <h1>TaskMaster Website</h1>
      <div class="aboutbox">

        <p>This to-do list project is a web application built using React, designed to help users efficiently manage their tasks and deadlines. The intuitive interface allows users to easily add new tasks by entering a title and selecting a due date and time through a user-friendly date-time picker. This ensures that all important information about a task is captured succinctly and accurately, providing users with a streamlined way to organize their day-to-day activities.<br/><br/>

          The main feature of the application is the dynamic task list, which displays all the tasks along with their corresponding details such as title, due date, and time. Each task is presented in an individual card format, making it visually appealing and easy to read. The application includes functionality for editing and deleting tasks, allowing users to update their task list as needed. Additionally, there are options to mark tasks as completed, helping users keep track of their progress and stay motivated by visually recognizing their achievements.<br/><br/>

          The project is designed with a clean and modern user interface, incorporating color-coded buttons for different actions to enhance user experience. For example, the delete button is marked in red for quick identification, while the edit and change buttons are in blue and green respectively. This thoughtful design approach not only makes the application aesthetically pleasing but also improves its usability. Overall, this React-based to-do list application provides an effective and user-friendly solution for managing tasks and improving productivity.</p>
        <div class="images">
            <img src="Todo.png">
            <img src="Todo-detail.png">
            <img src="Todo-detail.png">
            <a href="#">Github link? Not yet done</a>
        </div>
      </div>
    </div>
    <div class="jithucontainer1">
      <h1>Sentiment Analysis on Social Media Presence</h1>
      <div class="aboutbox2">

        <div class="images">
            <img src="SIQ-home.png">
            <img src="SIQ-topics.png">
          <img src="SIQ-analysis.png">
            <a href="#">Github link? Not yet done</a>
        </div>
        <p>Our website provides a state-of-the-art sentiment analysis service designed to analyze and interpret sentiments expressed across various social media platforms. This service leverages advanced technologies and methodologies to deliver precise and actionable insights to businesses and industries. By examining the sentiments behind social media content, businesses can gain a deeper understanding of public opinion, brand perception, and customer satisfaction, enabling them to make informed decisions and strategies.<br><br>

          Our sentiment analysis solution goes beyond basic text analysis. It includes sophisticated algorithms capable of analyzing text, audio, images, and videos. This multi-modal approach ensures a comprehensive assessment of sentiment, capturing nuances that might be missed with text-only analysis. For instance, our technology can detect emotions in voice tones in audio content, facial expressions in video content, and contextual cues in images, providing a richer and more accurate sentiment analysis.<br><br>

          The insights provided by our sentiment analysis service are invaluable for various applications. Businesses can monitor their social media presence in real-time, identify emerging trends, and respond promptly to customer feedback. Industries such as marketing, customer service, and product development can benefit greatly from understanding the sentiments of their target audiences. By offering a holistic view of public sentiment, our service empowers users to enhance their engagement strategies, improve customer relations, and ultimately drive business growth.</p>
      </div>
    </div>
    <div class="jithucontainer1">
      <h1>OnTime Website</h1>
      <div class="aboutbox">

        <p>This clock app is a versatile and feature-rich application designed to meet various time-keeping needs. It includes essential functionalities such as a timer and a stopwatch, making it a valuable tool for everyday use. Whether users need to set a countdown for a task or measure elapsed time accurately, this app provides an intuitive and reliable solution. The timer allows users to set specific durations and receive alerts when the time is up, while the stopwatch offers precise tracking of time intervals, ideal for activities such as workouts, cooking, and more.<br><br>

        One of the standout features of this clock app is its ability to display the current time based on a selected location. This is particularly useful for users who work across different time zones or have family and friends in various parts of the world. By simply selecting a location, users can instantly see the local time, helping them stay connected and manage their schedules effectively. This feature is seamlessly integrated into the app, offering a smooth and user-friendly experience.<br><br>

        Designed with a beautiful and modern user interface, the app enhances both its aesthetic appeal and usability. The clean layout and intuitive controls make it easy for users to navigate and access different functions. The use of vibrant colors, elegant fonts, and visually appealing icons adds to the overall user experience, making the app not only functional but also a pleasure to use. Whether for personal or professional use, this clock app stands out as a comprehensive time management tool with a stylish and engaging design.</p>
        <div class="images">
            <img src="OT-time.png">
            <img src="OT-timer.png">
          <img src="OT-stopwatch.png">
            <a href="#">Github link? Not yet done</a>
        </div>
      </div>
    </div>
    <div class="jithucontainer1">
      <h1>Calculation Web</h1>
      <div class="aboutbox2">
        <div class="images">
          <img src="OT-time.png">
          <img src="OT-timer.png">
          <a href="#">Github link? Not yet done</a>
      </div>
        <p>
          🧮 Calculation Web: Your All-in-One Calculation Hub<br><br>

          Welcome to Calculation Web, the ultimate destination for all your calculation and conversion needs! Whether you're working with distance, time, bitwise operations, or exploring a wide range of unit conversions, we've got you covered.<br><br>

          From everyday tasks like converting kilometers to meters or hours to seconds to advanced number system conversions between binary, decimal, hexadecimal, and octal, Calculation Web simplifies it all. With a user-friendly interface and powerful tools, tackle any calculation effortlessly in one place.<br><br>

          Discover the smarter way to compute—only at Calculation Web! 🌐</p>
      </div>
    </div>
    <div class="jithucontainer1">
      <h1>Micro86</h1>
      <div class="aboutbox">

        <p>🔗 Micro86: Your Virtual 8086 Microprocessor Lab<br><br>

          Welcome to Micro86, the ultimate platform to simulate and explore the functionality of the 8086 microprocessor kit. Designed for students, educators, and enthusiasts alike, Micro86 recreates the classic 8086 setup in a virtual environment, making it easy to learn, experiment, and innovate. Dive into the world of assembly programming, test complex instructions, and simulate real-world scenarios with precision and ease.<br><br>

          With an intuitive interface and powerful tools, Micro86 bridges the gap between theory and practice, offering a hands-on experience to master core microprocessor concepts. Whether you're executing programs, debugging operations, or analyzing performance, Micro86 provides all the functionality of a physical 8086 kit—right from your browser.<br><br>

          Discover the future of microprocessor learning and experimentation with Micro86, where technology meets innovation. 🚀</p>
        <div class="images">
            <img src="OT-time.png">
            <img src="OT-timer.png">
            <a href="#">Github link? Not yet done</a>
        </div>
      </div>
    </div>
    <div class="jithucontainer1">
      <h1>SwiftPDF</h1>
      <div class="aboutbox2">
        <div class="images">
          <img src="OT-time.png">
          <img src="OT-timer.png">
          <a href="#">Github link? Not yet done</a>
      </div>
        <p>📄 SwiftPDF: Your Ultimate PDF Toolbox<br><br>

          Welcome to SwiftPDF, the go-to platform for all your PDF needs. Whether you need to merge multiple PDFs into one, split a large document into smaller files, or perform a variety of other operations like compressing, reorganizing pages, or converting files, SwiftPDF has got you covered.<br><br>

          With its intuitive design and fast processing, SwiftPDF makes managing PDFs effortless and efficient. Perfect for students, professionals, and anyone working with digital documents, our platform ensures you can handle your PDFs seamlessly—saving you time and effort.<br><br>

          Streamline your workflow with SwiftPDF and experience the power of hassle-free PDF management! 🚀</p>
      </div>
    </div>
  </section>
    </section>
  <section></section>
  <section class="footer" id="footer">
    <div class="box-container">
      <div class="box">
        <h3>Follow us on<i class="fa fa-youtube-play"></i></h3>
        <p>for info on sentiment analysis</p>
        <div class="share">
          <a href="https://youtube.com/@jackorganisation?si=-1CPKt2egdeQ8oPh" class="fa fa-youtube-play btn"></a>
          <a href="https://github.com/JithuMorrison" class="fa fa-github btn"></a>
          <a href="https://www.instagram.com/jithumorrison/" class="fa fa-instagram btn"></a>
          <a href="https://www.linkedin.com/in/jithu-morrison-s/" class="fa fa-linkedin btn"></a>
        </div>
      </div>
      <div class="box">
        <h3>Concact Info</h3>
        <a href="#" class="links"><i class="fa fa-phone"></i>+91 8754823987</a>
        <a href="#" class="links"><i class="fa fa-envelope"></i>jithus2004@gmail.com</a>
        <a href="#" class="links"><i class="fa fa-envelope"></i>jithumorrison2210564@ssn.edu.in</a>
        <a href="#" class="links"><i class="fa fa-map-marker"></i>TN, India</a>
      </div>
    </div>
  </section>
  <script src="script.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
</body>

</html>