Scribd
Upload
34 views

Course Code

The document contains HTML and CSS code for a college website page displaying course information. The page includes sections for computer applications, business administration, and computer science courses with descriptions and eligibility details. Styling is applied using CSS for layout, colors, fonts and effects.

Uploaded by

Prabhat Katariya
Copyright
© © All Rights Reserved
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
34 views

Course Code

The document contains HTML and CSS code for a college website page displaying course information. The page includes sections for computer applications, business administration, and computer science courses with descriptions and eligibility details. Styling is applied using CSS for layout, colors, fonts and effects.

Uploaded by

Prabhat Katariya
Copyright
© © All Rights Reserved
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
You are on page 1/ 13

COURSES

HTML CODE
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" media="screen" href="head.css">

<link rel="stylesheet" media="screen" href="footer.css">

<link rel="stylesheet" media="screen" href="course.css">

<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">

<link rel="icon" href="image/logo.png">

<title>SD college manegment Studies</title>

<style>

</style>

</head>

<body>

<header>

<div id="first">

<ul>
<li><a href="login.html">Login</a></li>

<li><a href="signup.html">Signup</a></li>

<li><a href="contact.html">Contact</a></li>

</ul>

</div>

<div class="navbar">

<div id="align">

<a href="index.html">HOME</a>

<a href="course.html">COURSE</a>

<a href="admission.html">ADMISSION</a>

<a href="about.html">ABOUT US</a>

<div class="dropdown">

<button class="dropbtn">MORE

<i class="fa fa-caret-down"></i>

</button>

<div class="dropdown-content">

<a href="contact.html">Campus Visit</a>

<a href="event.html">Events</a>

<a href="gallery.html">Gallery</a>
</div>

</div>

</div>

</div>

<a href="index.html"> <img src="image/logo.png" alt="sea college logo"


height="130px" width="100px"></a>

</header>

<div style="height:50px;"><marquee style="padding:15px; color:rgb(47, 48,


47);">Online course will be provided shortily for computer and information
science students</marquee></div>

<div class="course">

<div class="courseleft">

<h2 class="courseh2-heading" id="courseh2">Computer Applications</h2>

<h3 class="courseh3-heading">BCA/MCA</h3>

<ul class="courseul">

<li class="courseli"><a href="admission.html">Bachelor of Computer


Application</a></li>

<li class="courseli"><a href="admission.html">Masters in Computer


Application</a></li>

</ul>

</div>

<div class="courseright">
<h2 class="courseh2-heading">Business Administration</h2>

<h3 class="courseh3-heading">BBA/MBA</h3>

<ul class="courseul">

<li class="courseli"><a href="admission.html">Bachelor of Business


Administration</a></li>

<li class="courseli"><a href="admission.html">Masters of Business


Administration</a></li>

</ul>

</div>

<div class="courseleft">

<h2 class="courseh2-heading" id="course1h2">Computer Science</h2>

<h3 class="courseh3-heading">BSC(cs)</h3>

<ul class="courseul">

<li class="courseli"><a href="admission.html">Bachelor of Science in


Computer Science</a></li>

</ul>

</div>

</div>

<div class="course-container">

<h1>Course</h1>

<div id="paper">
<i class="fa fa-book"></i>

</div>

<div class="course-para">

<p>

<h4>BCA(Bachelor of Computer Science)</h4>

The core curriculum in education at B.Ed. levels encompasses philosophical,

psychological, sociological and political aspects which form the foundation

for developing the mental-set with regard to pedagogy. Its relevance in


teacher

education is kept in mind. In psychology of teaching & learning,


development

of the learner, learning, motivation, intelligence, personality and


exceptional

children form part of the core curriculum. Psychological tests and case
studies

provide a practical basis to the study of psychology of teaching & learning.

It is a two year duration academic programme encompassing the


philosophical,

psychological, sociological and political aspects which form the foundation

for developing the mental-set with regard to pedagogy in Teaching-


Learning

process.

</p>

</div>
<div id="paper">

<i class="fa fa-wpforms"></i>

</div>

<div class="course-para">

<p>

<h4>Eligibility for Admission</h4>

A citizen of India who has passed any Bachelor Degree examination of

Common University Entreance test or any University in India or aboard


recognized as

equivalent through 10+2+3 pattern of education obtaining 50% of marks

in aggregate of all the subjects.

</p>

</div>

<div id="paper">

<i class="fa fa-graduation-cap"></i>

</div>

<div class="course-para">

<p>

<h4>Courses in Brief</h4>

1. Computer Science and Computer Applications. <br>

2. Business Administration and Business Analytics <br>


<strong> NOTE: </strong><i>All the courses are provided under the norms
and guidelines of "Maa Shakumbri University" and "AKTU"</i>

</p>

</div>

</div>

<script src="app.js"></script>

<footer>

<div class="footerimg">

<h2>Gallery</h2>

<a style="text-decoration:none;" href="gallery.html">

<img src="image/_DSC2064.jpg" width="100px" height="100px"


alt="Campus picture">

<img src="image/NVP_2789.jpg" width="100px" height="100px"


alt="Badminton court">

<img src="image/DPP_0147.jpg" width="100px" height="100px"


alt="Library">

<img src="image/fest.jpg" width="100px" height="100px" alt="colleg


fest">

<img src="image/festival.jpg" width="100px" height="100px" alt="festival


picture">

<img src="image/event.jpg" width="100px" height="100px" alt="college


event">

</a>

</div>
<div class="foot_second">

<h2>About Us</h2>

<p>

SD college of manegment Studies (SDCMS) was established in the year


2007-08.

Initially, it started functioning with Computer Science, Computer


Applications,Business Administration

, offering 3 years duration Degree

Programme. A two years duration Masters Programme in Business


Administration

(MBA) and Computer Application(MCA) was added in the year 2005-


06.

</p>

<a href="index.html">HOME</a>

<a href="course.html">COURSE</a>

<a href="event.html">EVENTS</a>

<a href="admission.html">ADMISSION</a>

<a href="contact.html">CONTACT</a>

<p style="color:#750107; margin-top: 10px;"> &copy;Copyright 2018 All


rights reserved. <img src="image/logo.png" alt="college logo" width="20px"
height="20px"></p>

</div>

</footer>
</body>

</html>

CSS CODE
.course{

display: flex;

flex-wrap: wrap;

align-items: center;

width: 100%;

background: #750107;

padding: 50px 0px;

.courseleft{

flex: 30%;

background: #bed5e4;

margin: 10px;

border-radius: 10px;

box-shadow:10px 5px 16px black;

.courseright{

flex: 30%;

background: #bed5e4;
margin: 10px;

border-radius: 10px;

box-shadow: 10px 5px 16px black;

.courseh2-heading{

padding: 20px 10px;

margin-left: 10%;

#courseh2{

margin-left: 20%;

#course1h2{

margin-left: 6px;

.courseh3-heading{

margin-left: 48%;

.courseli{

float: none;

.courseli a{

color: rgb(206, 22, 52);


}

.courseli a:hover{

color: #750107;

font-weight: bolder;

.course-container{

padding: 20px;

margin: 0px 100px;

.course-container h1{

padding: 10px;

margin-top: 10px;

text-align: center;

text-transform: uppercase;

background: linear-gradient(to right, goldenrod 10%, #074972 80%);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

#paper{

height: 10px;

}
#paper i{

font-size: 30px;

color: goldenrod;

background: #750107;

padding: 20px;

border-radius: 5px;

box-shadow: 10px 10px 16px black;

position: relative;

top: 50px;

.course-para{

margin-left: 100px;

line-height: 30px;

padding-top: 20px;

text-align: justify;

INTERFACE

You might also like