diff --git a/Gallary-section/index.html b/Gallary-section/index.html new file mode 100644 index 00000000..9d3a24cb --- /dev/null +++ b/Gallary-section/index.html @@ -0,0 +1,202 @@ + + + + + + + + Gallery + + + + + + + + +
+ + +
+

Gallery of Chaibasa engineering college

+
+
+
+ +

Faculties of Chaibasa Eng. college

+
+
+ +

Buildings of Chaibasa Eng. College

+
+
+ +

Buildings of Chaibasa Eng. College

+
+
+ +

Students and Faculties of Civil department

+
+
+ +

Students of Chaibasa Engineering College

+
+
+ +

Students of Chaibasa Engineering College

+
+
+ +

Buildings of Chaibasa Eng. College<

+
+
+ +

Computer Science students

+
+
+ +

Special talk at Chaibasa Eng. College

+
+
+ +

Special talk at Chaibasa Eng. College

+
+
+ +

Special talk at Chaibasa Eng. College

+
+
+ +

Students of Chaibasa Engineering College

+
+
+ +

Mechanical Workshop of Chaibasa Engineer College

+
+
+ +

Gym and workout faculties in the college

+
+
+ +

Buildings of Chaibasa Eng. College

+
+
+ +

Computer Science Students

+
+
+ +

Buildings of Chaibasa Eng. College

+
+
+ +

Students and Faculties of Civil department

+
+
+ +

Buildings of Chaibasa Eng. College

+
+
+ +

Students of Chaibasa Engineering College

+
+ +
+ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/chatbot.js b/chatbot.js new file mode 100644 index 00000000..0f8f170a --- /dev/null +++ b/chatbot.js @@ -0,0 +1,191 @@ +const userMessage = [ + ["hi", "hey", "hello"], + ["sure", "yes", "no"], + ["are you genious", "are you nerd", "are you intelligent"], + ["i hate you", "i dont like you"], + ["how are you", "how is life", "how are things", "how are you doing"], + ["how is corona", "how is covid 19", "how is covid19 situation"], + ["what are you doing", "what is going on", "what is up"], + ["how old are you"], + ["who are you", "are you human", "are you bot", "are you human or bot"], + ["who created you", "who made you", "who is your creator"], + + [ + "your name please", + "your name", + "may i know your name", + "what is your name", + "what call yourself" + ], + ["i love you"], + ["happy", "good", "fun", "wonderful", "fantastic", "cool", "very good"], + ["bad", "bored", "tired"], + ["help me", "tell me story", "tell me joke"], + ["ah", "ok", "okay", "nice", "welcome"], + ["thanks", "thank you"], + ["what should i eat today"], + ["bro"], + ["what", "why", "how", "where", "when"], + ["corona", "covid19", "coronavirus"], + ["you are funny"], + ["i dont know"], + ["boring"], + ["im tired"] + ]; + const botReply = [ + ["Hello!", "Hi!", "Hey!", "Hi there!"], + ["Okay"], + ["Yes I am! "], + ["I'm sorry about that. But I like you dude."], + [ + "Fine... how are you?", + "Pretty well, how are you?", + "Fantastic, how are you?" + ], + ["Getting better. There?", "Somewhat okay!", "Yeah fine. Better stay home!"], + + [ + "Nothing much", + "About to go to sleep", + "Can you guess?", + "I don't know actually" + ], + ["I am always young."], + ["I am just a bot", "I am a bot. What are you?"], + ["Sabitha Kuppusamy"], + ["I am nameless", "I don't have a name"], + ["I love you too", "Me too"], + ["Have you ever felt bad?", "Glad to hear it"], + ["Why?", "Why? You shouldn't!", "Try watching TV", "Chat with me."], + ["What about?", "Once upon a time..."], + ["Tell me a story", "Tell me a joke", "Tell me about yourself"], + ["You're welcome"], + ["Briyani", "Burger", "Sushi", "Pizza"], + ["Dude!"], + ["Yes?"], + ["Please stay home"], + ["Glad to hear it"], + ["Say something interesting"], + ["Sorry for that. Let's chat!"], + ["Take some rest, Dude!"] + ]; + + const alternative = [ + "Same here, dude.", + "That's cool! Go on...", + "Dude...", + "Ask something else...", + "Hey, I'm listening..." + ]; + + const synth = window.speechSynthesis; + + function voiceControl(string) { + let u = new SpeechSynthesisUtterance(string); + u.text = string; + u.lang = "en-aus"; + u.volume = 1; + u.rate = 1; + u.pitch = 1; + synth.speak(u); + } + + function sendMessage() { + const inputField = document.getElementById("input"); + let input = inputField.value.trim(); + input != "" && output(input); + inputField.value = ""; + } + document.addEventListener("DOMContentLoaded", () => { + const inputField = document.getElementById("input"); + inputField.addEventListener("keydown", function (e) { + if (e.code === "Enter") { + let input = inputField.value.trim(); + input != "" && output(input); + inputField.value = ""; + } + }); + }); + + function output(input) { + let product; + + let text = input.toLowerCase().replace(/[^\w\s\d]/gi, ""); + + text = text + .replace(/[\W_]/g, " ") + .replace(/ a /g, " ") + .replace(/i feel /g, "") + .replace(/whats/g, "what is") + .replace(/please /g, "") + .replace(/ please/g, "") + .trim(); + + let comparedText = compare(userMessage, botReply, text); + + product = comparedText + ? comparedText + : alternative[Math.floor(Math.random() * alternative.length)]; + addChat(input, product); + } + + function compare(triggerArray, replyArray, string) { + let item; + for (let x = 0; x < triggerArray.length; x++) { + for (let y = 0; y < replyArray.length; y++) { + if (triggerArray[x][y] == string) { + items = replyArray[x]; + item = items[Math.floor(Math.random() * items.length)]; + } + } + } + //containMessageCheck(string); + if (item) return item; + else return containMessageCheck(string); + } + + function containMessageCheck(string) { + let expectedReply = [ + [ + "Good Bye, dude", + "Bye, See you!", + "Dude, Bye. Take care of your health in this situation." + ], + ["Good Night, dude", "Have a sound sleep", "Sweet dreams"], + ["Have a pleasant evening!", "Good evening too", "Evening!"], + ["Good morning, Have a great day!", "Morning, dude!"], + ["Good Afternoon", "Noon, dude!", "Afternoon, dude!"] + ]; + let expectedMessage = [ + ["bye", "tc", "take care"], + ["night", "good night"], + ["evening", "good evening"], + ["morning", "good morning"], + ["noon"] + ]; + let item; + for (let x = 0; x < expectedMessage.length; x++) { + if (expectedMessage[x].includes(string)) { + items = expectedReply[x]; + item = items[Math.floor(Math.random() * items.length)]; + } + } + return item; + } + function addChat(input, product) { + const mainDiv = document.getElementById("message-section"); + let userDiv = document.createElement("div"); + userDiv.id = "user"; + userDiv.classList.add("message"); + userDiv.innerHTML = `${input}`; + mainDiv.appendChild(userDiv); + + let botDiv = document.createElement("div"); + botDiv.id = "bot"; + botDiv.classList.add("message"); + botDiv.innerHTML = `${product}`; + mainDiv.appendChild(botDiv); + var scroll = document.getElementById("message-section"); + scroll.scrollTop = scroll.scrollHeight; + voiceControl(product); + } \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 00000000..3811b0b8 --- /dev/null +++ b/contact.html @@ -0,0 +1,172 @@ + + + + + + + Chaibasa engineering college| Contact Page + + + + + + + + + + + + + +
+
+
+ + +
+
+
+

CHAIBASA ENGINEERING
COLLEGE

+
+ Chaibasa Engineering College is a college of higher education established in the year 2013 by + Jharkhand Govt. It is run by the Techno India Group and is recognized by AICTE. + The college offers Bachelor of Technology across five disciplines at the undergraduate level. + Admissions are entrance-based and candidates can apply online for admission. The college has a + centralized placement cell which guides the students to achieve placements in reputed companies. +
+ +
+ Explore Now → +
+
+
+ college +
+
+
+
+ + +
+ + +
+ +
+

Contact

+
+
+
+ +
+ +
+
+ +
+ +
+
+ +
+ +
+
+ +
+ +
+
+ +
+ +
+
+ +
+
+
+
+ + + + + \ No newline at end of file diff --git a/contactus.css b/contactus.css new file mode 100644 index 00000000..cd4d93a0 --- /dev/null +++ b/contactus.css @@ -0,0 +1,197 @@ +@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap"); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Poppins", sans-serif; +} + +/* .navbar { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} */ + +.navbar { + display: flex; + align-items: center; + justify-content: space-between; + position: sticky; + top: 0px; + /* padding: 20px; */ +} +nav ul { + display: flex; + list-style-type: none; +} +nav ul li { + margin-right: 20px; + font-size: 17px; + padding: 0 10px; +} + +nav ul li a { + color: rgb(87, 81, 81); + text-decoration: none; +} + +nav ul li a:hover { + color: #ff523b; +} + +.contact { + position: relative; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 100vh; + padding: 50px 100px; + /* background: url(images/bg1.jpg); */ + background: radial-gradient(#fff, rgb(255, 191, 191)); + background-size: cover; +} + +.contact .contentHead { + text-align: center; + max-width: 800px; +} + +.contact .contentHead h2 { + font-size: 36px; + font-weight: 500; + color: black; +} + +.contact .contentHead p { + font-weight: 300; + color: black; +} + +.container { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + margin-top: 30px; +} + +.container .contactinfo { + display: flex; + flex-direction: column; + width: 50%; +} + +.container .contactinfo .box { + position: relative; + display: flex; + padding: 20px 0; +} + +.container .contactinfo .box .icon { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background: #ff523b; + border-radius: 50%; + min-width: 60px; + height: 60px; + font-size: 22px; +} + +.container .contactinfo .box .text { + display: flex; + flex-direction: column; + margin-left: 20px; + font-size: 16px; + font-weight: 300; + color: black; +} + +.container .contactinfo .box .text h1 a { + color: black; + text-decoration: none; +} + +.container .contactinfo .box .text h1 :hover { + color: #ff523b; +} + +.contactform { + width: 40%; + padding: 40px; + background-color: #fff; +} + +.contactform h2 { + font-size: 30px; + font-weight: 500; + color: #333; +} + +.contactform .inputBox { + position: relative; + width: 100%; + margin-top: 10px; +} + +.contactform .inputBox input, +.contactform .inputBox textarea { + width: 100%; + padding: 5px 0; + font-size: 16px; + margin: 10px 0; + border: none; + border-bottom: 2px solid #333; + resize: none; + outline: none; +} + +.contactform .inputBox span { + position: absolute; + left: 0; + padding: 5px 0; + font-size: 16px; + margin: 10px 0; + pointer-events: none; + transition: 0.5%; + color: #666; +} + +.contactform .inputBox input:focus ~ span, +.contactform .inputBox input:valid ~ span, +.contactform .inputBox textarea:focus ~ span, +.contactform .inputBox textarea:valid ~ span { + color: #e91e63; + font-size: 12px; + transform: translateY(-20px); +} + +.contactform .inputBox input[type="submit"] { + width: 100%; + background: #ff523b; + color: #fff; + border: none; + cursor: pointer; + padding: 10px; + font-size: 18px; +} + +@media (max-width: 991px) { + .contact { + padding: 50px; + } + .container { + flex-direction: column; + } + .container .contactinfo { + margin-bottom: 40px; + width: 100%; + } + .container .contactform { + width: 100%; + } +} \ No newline at end of file diff --git a/contactus.html b/contactus.html new file mode 100644 index 00000000..6623cb67 --- /dev/null +++ b/contactus.html @@ -0,0 +1,133 @@ + + + + + + + + Contact Page + + +
+ + +
+
+
+

Contact Us

+

CHAIBASA ENGINEERING COLLEGE

+
+
+
+
+
+ + + +
+
+

+ Address +

+

+ Keonjhar Highway,
+ Chaibasa,
+ Jharkhand,
+ PIN 833215,
+ India +

+
+
+
+
+ + + +
+
+

Phone

+

+91 - 9062941530

+
+
+
+
+ + + +
+
+

Email

+

cordinatortigjh@gmail.com

+
+
+
+
+
+

Send Message

+
+ + Full Name +
+
+ + Email +
+
+ + Type your Message .. +
+
+ +
+
+
+
+
+ + \ No newline at end of file diff --git a/index.html b/index.html index 349ee6f5..a95c23e1 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,9 @@ - Chaibasa engineering college + Best Engineering Notes | Chaibasa engineering college + + @@ -12,25 +14,53 @@ + + + +
@@ -39,79 +69,87 @@

CHAIBASA ENGINEERING
COLLEGE

- Chaibasa Engineering College is a college of higher education established in the year 2013 by - Jharkhand Govt. It is run by the Techno India Group and is recognized by AICTE. - The college offers Bachelor of Technology across five disciplines at the undergraduate level. - Admissions are entrance-based and candidates can apply online for admission. The college has a - centralized placement cell which guides the students to achieve placements in reputed companies. +

+ Chaibasa Engineering College is a college of higher education established in the year 2013 by + Jharkhand Govt. It is run by the Techno India Group and is recognized by AICTE. + The college offers Bachelor of Technology across five disciplines at the undergraduate level. + Admissions are entrance-based and candidates can apply online for admission. The college has a + centralized placement cell which guides the students to achieve placements in reputed companies. +

- +
- Explore Now → + Explore Now →
-
+
+ + + + + +

BRANCHES IN CEC

- + computer science engineering image CSE
-
Computer Science Engineering (CSE) is an - engineering discipline that covers several topics - related to computation, programming languages, - program design, computer hardware and software +
Computer Science Engineering (CSE) is an + engineering discipline that covers several topics + related to computation, programming languages, + program design, computer hardware and software and integrates several fields of computer science.

- + Electronics and Communication Engineering image ECE
-
Electronics and Communication Engineering (ECE) is an emerging stream that +
Electronics and Communication Engineering (ECE) is an emerging stream that offers firm promises to lend your career an edge. Studying this domain of engineering would - mean mastering the skills related to electrical engineering as well + mean mastering the skills related to electrical engineering as well as having an insight into the world of computer software and hardware.

- - EE + electrical and electronics engineering image + EEE
-
Electrical and Electronics Engineering. EEE is an engineering discipline which deals with Electrical and Machine technology, Electrons, Circuit analysis, - Electromagnetism, Instrumentations, Materials for electrical engineering, +
Electrical and Electronics Engineering. EEE is an engineering discipline which deals with Electrical and Machine technology, Electrons, Circuit analysis, + Electromagnetism, Instrumentations, Materials for electrical engineering, Control systems, transmission and distribution, Power engineering.

- + mechanical engineering image ME
-
Mechanical engineering is an engineering branch - that combines engineering physics and mathematics - principles with materials science, to design, analyze, +
Mechanical engineering is an engineering branch + that combines engineering physics and mathematics + principles with materials science, to design, analyze, manufacture, and maintain mechanical systems.

- + civi engineering image CE
-
Civil engineering is a professional engineering discipline that deals with the design, - construction, and maintenance of the physical and naturally built environment, +
Civil engineering is a professional engineering discipline that deals with the design, + construction, and maintenance of the physical and naturally built environment, including public works such as roads, bridges, canals, dams, airports, and railways.

@@ -120,10 +158,18 @@

BRANCHES IN CEC

-
-

OUR VALUABLE CONTRIBUTER

-
-
- + + + diff --git a/script.js b/script.js index 571f0c9f..426fdc6c 100644 --- a/script.js +++ b/script.js @@ -52,4 +52,4 @@ toggle.addEventListener("click", function (e) { }); localStorage.setItem("dark-mode", false); } -}); \ No newline at end of file +}); diff --git a/style.css b/style.css index dca42510..993f4aba 100644 --- a/style.css +++ b/style.css @@ -168,7 +168,7 @@ footer { width: 100%; bottom: 0; background: #192734; - /* background-image: linear-gradient(to right, #DECBA4, #3E5151); */ + background-image: linear-gradient(to right, #DECBA4, #3E5151); color: #fff; padding: 8px; font-size: 13px; @@ -496,3 +496,125 @@ form input { } +html { + --scrollbarBG: #fff; + --thumbBG: #90a4ae; +} + +body { + background: #ccc; +} +body .card { + height: 45vw; + width: 35vw; + background-color: white; + margin-left: 30vw; + margin-top: 5vw; + box-shadow: 2vw 2vw 12vw 3vw #ccc; +} +body .card #header { + height: 5vw; + background: #000; + padding: 0vw; +} +body .card #header h1 { + color: #fff; + font-size: 2vw; + font-family: "Finger Paint", cursive; + padding: 1vw; +} +body .card #message-section::-webkit-scrollbar { + width: 10px; +} +body .card #message-section { + height: 32vw; + padding: 0 2.5vw; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: var(--thumbBG) var(--scrollbarBG); +} +body .card #message-section::-webkit-scrollbar-track { + background: var(--scrollbarBG); +} +body .card #message-section::-webkit-scrollbar-thumb { + background-color: var(--thumbBG); + border-radius: 6px; + border: 3px solid var(--scrollbarBG); +} +body .card #message-section #bot, +body .card #message-section #user { + position: relative; + bottom: 0; + min-height: 1.5vw; + border: 0.15vw solid #777; + background-color: #fff; + border-radius: 0px 1.5vw 1.5vw 1.8vw; + padding: 1vw; + margin: 1.5vw 0; +} +body .card #message-section #user { + border: 1.5px solid #000; + border-radius: 1.5vw 0vw 1.5vw 1.8vw; + background-color: #000; + float: right; +} +body .card #message-section #user #user-response { + color: #fff; +} +body .card #message-section .message { + color: #000; + clear: both; + line-height: 1.2vw; + font-size: 1.2vw; + padding: 8px; + position: relative; + margin: 8px 0; + max-width: 85%; + word-wrap: break-word; + z-index: 2; +} +body .card #input-section { + z-index: 1; + padding: 0 2.5vw; + display: flex; + flex-direction: row; + align-items: flex-end; + overflow: hidden; + height: 6vw; + width: 100%; +} +body .card #input-section input { + color: #000; + min-width: 0.5vw; + outline: none; + height: 5vw; + width: 26vw; + border-top: none; + border-left: none; + border-right: none; + border-bottom: solid #000 0.1vw; +} +body .card .send { + background: transparent; + border: 0; + cursor: pointer; + flex: 0 0 auto; + margin-left: 1.4vw; + margin-right: 0vw; + padding: 0; + position: relative; + outline: none; +} +body .card .send .circle { + position: relative; + width: 4.8vw; + height: 4.8vw; + display: flex; + align-items: center; + justify-content: center; +} +body .card .send .circle i { + font-size: 3vw; + margin-left: -1vw; + margin-top: 1vw; +}