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

Update index.html #3

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

Update index.html #3

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
4b31a3b
Update index.html
Rayyanbaig1243 Aug 5, 2023
3406068
Update forms.css
Rayyanbaig1243 Aug 7, 2023
c090af5
Update index.html
Rayyanbaig1243 Aug 28, 2023
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
358 changes: 171 additions & 187 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,100 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<!DOCTYP E html>
<html l ang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Css Components</title>
<link rel="icon" href="favicon/android-chrome-192x192.png" type="image" />
<link
<meta charset="UTF-8" />
<meta na me=" viewport" content="width=device-width, initial-scale=1.0" />
<title >Css Components</title >
<link rel="icon" href="favicon/android-chrome-192x192.png" type="image" />
<link
href="https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap"
rel="stylesheet"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css "
int egrity=" sha 384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn uZOnIxN0hoP+VmmDGMN5t9UJ 0Z"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/addyourcss.css" />
<link rel="stylesheet" href="css/cardcolor.css" />
<link rel="stylesheet" href="css/assets/magic.css" />
<link re l="s tyleshe et" href="css/style.css" />
<link re l="stylesheet" href="css/a ddyourcss.css" />
<link rel="style s heet" ref="css b/cardcolor.css" />
< link rel=" stylesheet " href="css/assets/magic.css" />
</head>

<body>
<section class="header">
<div class="container-fluid section-for-header">
<div class="content">
<div class="content-header">
<h1>CSS COMPONENTS</h1>
</div>
<div class="content-body">
<h3>Add your css Components</h3>
</div>
<div class="content-footer">
<a href="https://github.com/rubenshibu/css-components" class="btn"
>⚡ Github
</a>
</div>
</div>
</div>
</section>
<section class="items">
<div class="container-fluid">
<div class="row">
<div class="col-lg-4">
<div class="component">
<a href="pages/buttons.html">
<div class="main-page">
<div class="title">
<strong>Button</strong>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
<body>
<section class="heade er-fluid section-for-header">
<di v cl ass="content">
<div class=
<div class="
<div c lass=
</div>
<div class="col-lg-4">
<div class="component">
<a href="pages/forms.html">
<div class="main-page">
<div class="title">
<strong>Form</strong>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-4">
</di v>
</di v>
</se ction>
<section class ="items">
<div class="c onta iner-fluid">
<div class= "row" >
<div class = "col-lg-4">
<div clas s="component">
<a href ="pages/buttons.html">
<div cl ass="main-page">
<div c la ss="title">
<str ong>Button</strong>
</div>
<div class="content">
<h 1 class="emoji">😀</h1>
</div>
</d iv>
</ a>
</di v>
</div >
<div class=" col-lg-4">
<div class= "component">
<a href="p ages/forms.html">
<div cl ass ="main-page">
<div clas s="title">
<strong >Form</strong>
</div >
<div cl ass="content">
<h1 cl ass="emoji">😀</h1>
</d iv>
</di v>
< /a>
</ div>
</di v>
<div class="col-lg-4">
<div class="component">
<a href="pages/badges.html">
<div class="main-page">
<div class="m ain-page">
<div class="title">
<strong>Badges</strong>
<strong>Ba dges</strong>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
</div>
</div>
</d iv>
</ div>
</a>
< /div >
</d iv >
</div >
<!-- Second Row -->
<div class="row">
<div class="col-lg-4">
<div class="component">
<a href="pages/textfield.html">
<div class="main-page">
<div class="title">
<div cl ass="row">
<div cl class="component">
<a hr ef="pages/textfield.html">
< <div c lass="title">
<strong>Text field</strong>
</div>
<div class="content">
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
Expand All @@ -110,125 +100,119 @@ <h1 class="emoji">😀</h1>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-4">
<div class="component">
<a href="pages/dropdown.html">
< /div >
</ iv >
</a >
d iv>
<div c ass="c ol-lg-4">
<di v class=" component">
<a href= "pages/dropdown.html">
<div class="main-page">
<div class="title">
<strong>dropdown</strong>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
</div>
<!-- Third Row -->
<div class="col-lg-4">
<div class="component">
<a href="pages/pills.html">
<div c ong >dropdown</strong>
</div>
<div 1 class="emoji">😀</h1>
</ div>
</di v>
</a >
</d iv>
<!-- Th ird Row -->
<div c lass="col-lg-4">
<div clas s="co /pills.html">
<div class="main-page">
<div class="title">
<strong>Pills</strong>
</div>
<strong >Pills</strong>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
</div>
<h1 s="emoji">😀</h1>
</ di v>
</d iv>
< /a>
</di v>
</di v>

<div class="col-lg-4">
<div class="c ol-lg-4">
<div class="component">
<a href="pages/pagination.html">
<div class="main-page">
<a href="p ages/pagination.html">
<div c lass="main-page">
<div class="title">
<strong>Pagination</strong>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
<strong >Pagination</strong>
</div>
<div class="content">
<h1 clas s="emoji">😀</h1>
< /div>
</div>
</a>
</di v >
</div>

<div class="col-lg-4">
<div class="component">
<a href="pages/accordion.html">
<div cl as s ="c ol-lg-4">
<div class= "c omponent">
<a href "pag es/a ccordion.html">
<div class="main-page">
<div class="title">
<strong>accordion</strong>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
</div>
<div c l ass="title">
<s trong>accordion</strong>
</di class="content">
<h1 class="emoji">😀</h1>
</d iv>
</di v>
</a >
</d iv>
</d iv>

<!-- Fo rth Row -->

<!-- Forth Row -->

<div class="col-lg-4">
<div class="component">
<a href="pages/tabs.html">
<div class="main-page">
<div class="title">
<strong>Tabs</strong>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
</div>
<div class= "col-lg-4">
<div clas s="component">
<a href=" pages/tabs.html">
<div cl ass="main-page">
<div cla ss="title">
<stron g>Tabs</strong>
</div >
<div class="content">
<h 1 class="emoji">😀</h1>
</ div>
</d iv>
</a >
</di v>
</di v>

<div class="col-lg-4">
<div class="component">
<a href="pages/tags.html">
<div class="main-page">
<div class="title">
<strong>Tags</strong>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg- 4">
<div class="c omponent">
<a href= "pages/tags.html">
<div class="main-page">
<di v class="title">
< strong>Tags</strong>
</ div>
<d iv class="content">
< h1 class="emoji">😀</h1>
</d iv>
</d iv>
</a >
</d iv>
</d iv>

<div class="col-lg-4">
<div class="component">
<a href="pages/scrollspy.html">
<div class="main-page">
<div class="title">
<strong>Scrollspy</strong>
</div>
<div class="content">
<h1 class="emoji">😀</h1>
</div>
</div>
</a>
</div>
</div>
<div class="co l-lg-4">
<div class=" component">
<a href="pages /scrollspy.html">
<div class= "main-page">
<div cla ss ="title">
<stro ng> Scrollspy</strong>
</div >
<di v class="content">
<h 1 class ="emoji">😀</h1>
</ div>
</d iv>
</a >
</d iv>
</di v>


</div>
</div>
</section>
<footer>
<p>made with 💛 by, <br /><strong>CS CHAPTER AJCESB</strong></p>
</footer>
<script src="js/index.js"></script>
</d iv>
</div>
</sec ion>
<foote r>
<p >made with 💛 by, < br /><strong>CS C HAPTER AJCE SB</stro ng></p>
</foot er>
<scrip t src="js /index.j s"></script>
</body>
</html>