Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
25 changes: 15 additions & 10 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@

<!-- Stylesheets -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"/>
<link rel="stylesheet" href="./styles/main.css"/>

<!-- CDN Hosted Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Expand All @@ -16,27 +17,31 @@
<body>
<div class="w3-container container">
<div class="jumbortan">
<h2 align="center">CSS Objects Series</h2>
<div id="header">
<h2>CSS Objects Series</h2>
</div>
<div class="container">
<p> For basics do visit <a href="basics.html">here</a>.</p>
<p> For basics do visit <a href="./objects/basics.html">here</a>.</p>
<p>Objects made with css:</p>
</div>
<ol type="A" class="list-group">
<li class="list-group-item"><a href="apple-logo.html">Apple Logo</a>, <a href="audi-logo.html">Audi Logo</a></li>
<li class="list-group-item"><a href="./objects/apple-logo.html">Apple Logo</a>, <a href="./objects/audi-logo.html">Audi Logo</a></li>
<li class="list-group-item"></li>
<li class="list-group-item">____________________</li>
<li class="list-group-item">____________________</li>
<li class="list-group-item">____________________</li>
<li class="list-group-item"><a href="facebook-logo.html">Facebook Logo (white background)</a>, <a href="facebook-logo-color.html">Facebook Logo (with background)</a></li>
<li class="list-group-item"><a href="github-logo.html">Github Logo</a></li>
<li class="list-group-item"><a href="./objects/facebook-logo.html">Facebook Logo (white background)</a>, <a href="./objects/facebook-logo-color.html">Facebook Logo (with background)</a></li>
<li class="list-group-item"><a href="./objects/github-logo.html">Github Logo</a></li>
<li class="list-group-item"></li>
<li class="list-group-item"><a href="instagram-logo.html">Instagram Logo</a></li>
<li class="list-group-item"><a href="./objects/instagram-logo.html">Instagram Logo</a></li>
<li class="list-group-item">____________________</li>
<li class="list-group-item"><a href="google-keep-logo.html">Keep Logo (Google Keep)</a></li>
<li class="list-group-item"><a href="switchme-logo.html">SwitchMe Logo</a>, <a href="spotify-logo.html">Spotify Logo</a></li>
<li class="list-group-item"><a href="./objects/google-keep-logo.html">Keep Logo (Google Keep)</a></li>
<li class="list-group-item"><a href="./objects/switchme-logo.html">SwitchMe Logo</a>, <a href="./objects/spotify-logo.html">Spotify Logo</a></li>
</ol>

<p style="color:red">Suggest some objects, to me or contribute some <a href="https://github.com/vinodselvin/css-objects">here</a>.</p>

<div id="footer">
<p style="color:red">Suggest some objects, to me or contribute some <a href="https://github.com/vinodselvin/css-objects">here</a>.</p>
</div>
</div>
</div>

Expand Down
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
12 changes: 12 additions & 0 deletions styles/main.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
body {
background-color: #e7e7e7;
padding-top: 20px;
}

#header {
text-align:center;
}

#footer {
text-align:center;
}