Skip to content

Feature #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
akshayskurup wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Feature #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3732f9e
Changed layout to next level!
akshayskurup Oct 2, 2021
ad253c5
Merge branch 'main' into feature
akshayskurup Oct 2, 2021
5f4631c
Update index.html
akshayskurup Oct 3, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
215 changes: 115 additions & 100 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,102 +1,117 @@
<!DOCTYPE html>

<html>

<head>
<title>
Simple web Development Template
</title>
</head>

<body bgcolor="black" text="red">

<section class="firstsection">
<div class="box-main">
<div class="firstHalf">
<h1 class="text-big" id="web">
Web Technology
</h1>

<p class="text-small">
HTML stands for HyperText Markup
Language. It is used to design
web pages using a markup language.
HTML is the combination of Hypertext
and Markup language. Hypertext
defines the link between the web
pages. A markup language is used
to define the text document within
tag which defines the structure of
web pages. HTML is a markup language
that is used by the browser to
manipulate text, images, and other
content to display it in the required
format.
</p>


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

<section class="secondsection">
<div class="box-main">
<div class="secondHalf">
<h1 class="text-big" id="program">
C Programming
</h1>
<p class="text-small">
C is a procedural programming language.
It was initially developed by Dennis
Ritchie as a system programming
language to write operating system.
The main features of C language include
low-level access to memory, simple set
of keywords, and clean style, these
features make C language suitable for
system programming like operating system
or compiler development.
</p>


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

<section class="section">
<div class="paras">
<h1 class="sectionTag text-big">Java</h1>

<p class="sectionSubTag text-small">
Java has been one of the most
popular programming language
for many years. Java is Object
Oriented. However it is not
considered as pure object oriented
as it provides support for primitive
data types (like int, char, etc) The
Java codes are first compiled into byte
code (machine independent code). Then
the byte code is run on Java Virtual
Machine (JVM) regardless of the
underlying architecture.
</p>


</div>

<div class="thumbnail">
<img src="img.png" alt="laptop image">
</div>
</section>

<footer class="background">
<p class="text-footer">
Copyright ©-All rights are reserved
</p>


</footer>
</body>

<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Web Technology</title>

<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
crossorigin="anonymous"
/>
</head>
<body>
<header class="bg-dark">
<div class="row text-white text-center">
<div class="col-md-12 p-3 pl-5">
<h1>Web Technology</h1>
</div>
</div>
</header>
<section class="bg-dark p-3">
<div class="row pt-3">
<div class="col-md-12">
<div class="justify-content-center">
<div
class="card text-center p-3 ml-auto mx-auto"
style="width: 20rem"
>
<i class="fab fa-html5 display-1"></i>
<div class="card-body">
<h3 class="card-title">HTML</h3>
<p class="card-text">
HTML stands for HyperText Markup Language. It is used to
design web pages using a markup language. HTML is the
combination of Hypertext and Markup language. Hypertext
defines the link between the web pages. A markup language is
used to define the text document within tag which defines the
structure of web pages. HTML is a markup language that is used
by the browser to manipulate text, images, and other content
to display it in the required format.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-dark p-3">
<div class="row pt-3">
<div class="col-md-12">
<div class="justify-content-center">
<div
class="card text-center p-3 ml-auto mx-auto"
style="width: 20rem"
>
<i class="fab fa-cuttlefish display-1"></i>
<div class="card-body">
<h3 class="card-title">C</h3>
<p class="card-text">
C is a procedural programming language. It was initially
developed by Dennis Ritchie as a system programming language
to write operating system. The main features of C language
include low-level access to memory, simple set of keywords,
and clean style, these features make C language suitable for
system programming like operating system or compiler
development.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-dark p-3">
<div class="row pt-3">
<div class="col-md-12">
<div class="justify-content-center">
<div
class="card text-center p-3 ml-auto mx-auto"
style="width: 20rem"
>
<i class="fab fa-java display-1"></i>
<div class="card-body">
<h3 class="card-title">JAVA</h3>
<p class="card-text">
Java has been one of the most popular programming language for
many years. Java is Object Oriented. However it is not
considered as pure object oriented as it provides support for
primitive data types (like int, char, etc) The Java codes are
first compiled into byte code (machine independent code). Then
the byte code is run on Java Virtual Machine (JVM) regardless
of the underlying architecture..
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="col-md-12">
<p class="text-center">Copyright ©-All rights are reserved</p>
</footer>

<script
src="https://code.jquery.com/jquery-3.6.0.js"
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
crossorigin="anonymous"
></script>
<script
src="https://kit.fontawesome.com/f92461e5d9.js"
crossorigin="anonymous"
></script>
</body>
</html>
17 changes: 0 additions & 17 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +0,0 @@

ul{
list-style: none;
margin: 0;
padding: 0;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}

ul{
list-style: none;
margin: 0;
padding: 0;
}