Skip to content
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

Jump to bottom

html file task #30

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

html file task #30

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
247 changes: 40 additions & 207 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,207 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/favicon.png" type="" />

<title>MuLearn</title>

<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />

<!-- fonts style -->
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap"
rel="stylesheet"
/>

<!--owl slider stylesheet -->
<link
rel="stylesheet"
type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"
/>

<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />

<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>

<body>
<div class="hero_area">
<div class="hero_bg_box">
<div class="bg_img_box">
<img src="images/hero-bg.png" alt="" />
</div>
</div>

<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container">
<a class="navbar-brand" href="index.html">
<span> MuLearn </span>
</a>

<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class=""> </span>
</button>

<div
class="collapse navbar-collapse"
id="navbarSupportedContent"
>
<ul class="navbar-nav"></ul>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class="slider_section">
<div
id="customCarousel1"
class="carousel slide"
data-ride="carousel"
>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<h1>
Github<br />
Pages
</h1>
<p>
Hosting your first GitHub web
page
</p>
</div>
</div>
<div class="col-md-6">
<div class="img-box">
<img
src="images/slider-img.png"
alt=""
/>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<h1>Step One</h1>
<p>
Fork the GitHub template
repository, give the repo any
name you wish.
</p>
</div>
</div>
<div class="col-md-6">
<div class="img-box">
<img
src="images/slider-img.png"
alt=""
/>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<h1>Step Two</h1>
<p>
Go to the repo settings then click on
Pages tab on the left, Go to the branch section, change the "None" to "main" and click on save.
That's all, your are done.
</p>
</div>
</div>
<div class="col-md-6">
<div class="img-box">
<img
src="images/slider-img.png"
alt=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
<ol class="carousel-indicators">
<li
data-target="#customCarousel1"
data-slide-to="0"
class="active"
></li>
<li
data-target="#customCarousel1"
data-slide-to="1"
></li>
<li
data-target="#customCarousel1"
data-slide-to="2"
></li>
</ol>
</div>
</section>
<!-- end slider section -->
</div>

<!-- jQery -->
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<!-- popper js -->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"
></script>
<!-- bootstrap js -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- owl slider -->
<script
type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"
></script>
<!-- custom js -->
<script type="text/javascript" src="js/custom.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap"></script>
<!-- End Google Map -->
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Portfolio</title>
</head>
<body>
<h1>Hello Im a front end developer</h1>
<p>I do UI designs, Front end UI Development, Captivating
Poster Designs. My sure hit effect will not let you
refuse my designs
</p>
<img src="/dot_3x4.png" alt="">
<hr>
<ul>
<li>designing</li>
<li>Ui designing</li>
<li>web development</li>
</ul>
<ol>
<li>designing</li>
<li>Ui designing</li>
<li>web development</li>
</ol>
<hr>
<h3>About me</h3>
<p>
im aswin ganga, im a student aat college of engineerig thalassery. I love listening to musinc and binge watching anime and tv shows. I love playing badminton
</p>
<hr>
<h3>Contact info</h3>
<ul>
<li>Phone : 495598568</li>
<li>email : [email protected]</li>
<li>Instagram : blah_blah</li>
</ul>
</body>
</html>