Skip to content

Commit 3f07d7c

Browse files
coding-dragoncoding-dragon
authored
Update index.html
1 parent 0fadc64 commit 3f07d7c

File tree

1 file changed

+55
-69
lines changed

1 file changed

+55
-69
lines changed

‎css/text/index.html‎

Lines changed: 55 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,7 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
<meta name="description" content="">
7-
<meta name="author" content="">
8-
<title>CSS Text Effect</title>
6+
<title>Coding Dragons</title>
97

108
<!-- Bootstrap core CSS -->
119
<link href="https://getbootstrap.com/docs/4.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
@@ -14,103 +12,91 @@
1412
<link rel="icon" href="https://coding-dragon.github.io/img/logo.png" sizes="32x32" type="image/png">
1513
<link rel="icon" href="https://coding-dragon.github.io/img/logo.png" sizes="16x16" type="image/png">
1614
<link rel="icon" href="https://coding-dragon.github.io/img/logo.png">
17-
15+
1816
<!-- Custom styles for this template -->
19-
<link href="main.css" rel="stylesheet">
20-
17+
<link href="https://coding-dragon.github.io/custom.css" rel="stylesheet">
2118
</head>
19+
2220
<body>
23-
<header>
24-
<div class="collapse bg-dark" id="navbarHeader">
25-
<div class="container">
26-
<div class="row">
27-
<div class="col-sm-8 col-md-7 py-4">
28-
<h4 class="text-white">About</h4>
29-
<p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
30-
</div>
31-
<div class="col-sm-4 offset-md-1 py-4">
32-
<h4 class="text-white">Contact</h4>
33-
<ul class="list-unstyled">
34-
<li><a href="#" class="text-white">Follow on Twitter</a></li>
35-
<li><a href="#" class="text-white">Like on Facebook</a></li>
36-
<li><a href="#" class="text-white">Email me</a></li>
37-
</ul>
38-
</div>
21+
<nav class="site-header sticky-top py-1">
22+
<div class="container d-flex flex-md-row justify-content-between align-items-center">
23+
<a href="https://coding-dragon.github.io/" aria-label="Product">
24+
<img src="https://coding-dragon.github.io/img/logo.png" width="60" height="60" alt="coding-dragon-logo">
25+
</a>
26+
<a class="d-md-inline-block header-link" href="https://www.codingdragons.com/account/your-courses">Login</a>
3927
</div>
40-
</div>
41-
</div>
42-
<div class="navbar navbar-dark bg-dark shadow-sm">
43-
<div class="container d-flex justify-content-between">
44-
<a href="#" class="navbar-brand d-flex align-items-center">
45-
<img src="https://coding-dragon.github.io/img/logo.png" width="60" height="60" alt="coding-dragon-logo">
46-
<strong>Codingdragon</strong>
47-
</a>
48-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
49-
<span class="navbar-toggler-icon"></span>
50-
</button>
51-
</div>
52-
</div>
53-
</header>
28+
</nav>
5429

55-
<main role="main">
56-
57-
<section class="jumbotron text-center">
58-
<div class="container">
59-
<h1>Text Effect Example</h1>
60-
<p class="lead text-muted">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.</p>
30+
<div class="position-relative overflow-hidden p-3 text-white header-box">
31+
<div class="col-md-6 p-lg-5 ml-md-5 my-3">
32+
<h1 class="display-4 font-weight-normal">CSS Text</h1>
33+
</div>
6134
</div>
62-
</section>
63-
64-
<div class="py-5">
35+
36+
<div class="py-5">
6537
<div class="container">
6638
<div class="row">
67-
39+
<div class="col-12 text-center my-3">
40+
<div class="detail-wrapper" id="tutorials">
41+
<h3>Latest Tutorials</h3>
42+
</div>
43+
</div>
6844
<div class="col-md-4">
6945
<div class="card mb-4">
70-
<img class="bd-placeholder-img card-img-top" src="https://coding-dragon.github.io/css/text/effect1/effect1.png" width="100%" height="225" />
46+
<a href="https://coding-dragon.github.io/css/text/effect2" target="_blank">
47+
<img class="bd-placeholder-img card-img-top" src="https://coding-dragon.github.io/css/text/effect2/effect2.png" width="100%" height="200" />
48+
</a>
7149
<div class="card-body">
72-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
50+
<h3>CSS Text Effect 2</h3>
51+
<small class="text-muted">June 10, 2020</small>
52+
<p class="card-text">This is a wider card with supporting natural lead-in to additional content.</p>
7353
<div class="d-flex justify-content-between align-items-center">
7454
<div class="btn-group">
75-
<a class="btn btn-sm btn-yt" href="https://www.youtube.com/watch?v=HerCR8bw_GE" target="_blank">View Code</a>
76-
<a class="btn btn-sm btn-code" href="https://github.com/coding-dragon/coding-dragon.github.io/tree/master/css/text/effect1" target="_blank">View Code</a>
55+
<a class="btn btn-sm btn-yt" href="https://www.youtube.com/watch?v=HerCR8bw_GE" target="_blank">Watch Tutorial</a>
56+
<a class="btn btn-sm btn-code" href="https://github.com/coding-dragon/coding-dragon.github.io/tree/master/css/text/effect2" target="_blank">View Code</a>
7757
</div>
78-
<small class="text-muted">June 7, 2020</small>
7958
</div>
8059
</div>
8160
</div>
8261
</div>
8362

8463
<div class="col-md-4">
8564
<div class="card mb-4">
86-
<img class="bd-placeholder-img card-img-top" src="https://coding-dragon.github.io/css/text/effect2/effect2.png" width="100%" height="225" />
65+
<a href="https://coding-dragon.github.io/css/text/effect1" target="_blank">
66+
<img class="bd-placeholder-img card-img-top" src="https://coding-dragon.github.io/css/text/effect1/effect1.png" width="100%" height="200" />
67+
</a>
8768
<div class="card-body">
88-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
69+
<h3>CSS Text Effect 1</h3>
70+
<small class="text-muted">June 7, 2020</small>
71+
<p class="card-text">This is a wider card with supporting natural lead-in to additional content.</p>
8972
<div class="d-flex justify-content-between align-items-center">
9073
<div class="btn-group">
91-
<a class="btn btn-sm btn-code" href="https://github.com/coding-dragon/coding-dragon.github.io/tree/master/css/text/effect2" target="_blank">View Code</a>
74+
<a class="btn btn-sm btn-yt" href="https://www.youtube.com/watch?v=HerCR8bw_GE" target="_blank">Watch Tutorial</a>
75+
<a class="btn btn-sm btn-code" href="https://github.com/coding-dragon/coding-dragon.github.io/tree/master/css/text/effect1" target="_blank">View Code</a>
9276
</div>
93-
<small class="text-muted">June 7, 2020</small>
9477
</div>
9578
</div>
9679
</div>
9780
</div>
98-
81+
9982
</div>
10083
</div>
101-
</div>
102-
103-
</main>
104-
105-
<footer class="text-muted">
106-
<div class="container">
107-
<p class="float-right">
108-
<a href="#">Back to top</a>
109-
</p>
110-
<p>Album example is &copy; Bootstrap, but please download and customize it for yourself!</p>
111-
<p>New to Bootstrap? <a href="https://getbootstrap.com/">Visit the homepage</a> or read our <a href="/docs/4.5/getting-started/introduction/">getting started guide</a>.</p>
112-
</div>
113-
</footer>
84+
</div>
85+
86+
<footer class="container py-3">
87+
<div>
88+
<p>
89+
<span>Made with </span>
90+
<svg preserveAspectRatio="xMidYMid meet" id="comp-k7nnri7ssvgcontent" data-bbox="20 29.647 159.999 144.707" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="20 29.647 159.999 144.707" data-type="color" role="img">
91+
<g>
92+
<path fill="#E91E63" d="M138.196 29.647c-17.427 0-32.309 10.857-38.277 26.173-5.969-15.315-20.85-26.173-38.277-26.173-22.687 0-45.544 18.737-41.078 50.951 5.135 37.04 79.355 93.756 79.355 93.756s72.587-54.849 79.355-93.756c5.191-29.84-18.391-50.951-41.078-50.951zm28.008 51.581c-3.034 16.571-23.573 38.628-23.573 38.628-4 4.172-6 1.634-2.732-3.268 3.268-4.901 13.161-20.397 15.087-30.925 2.349-12.837-.452-21.939-2.552-25.44-2.101-3.501-2.801-7.002-.233-8.869 2.567-1.867 6.068-.467 7.469 1.4 1.399 1.866 9.568 11.902 6.534 28.474z" data-color="1"></path>
93+
</g>
94+
</svg>
95+
<span> © codingdragons</span>
96+
</p>
97+
</div>
98+
</footer>
99+
114100
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
115101
<script>window.jQuery || document.write('<script src="https://getbootstrap.com/docs/4.5/assets/js/vendor/jquery.slim.min.js"><\/script>')</script><script src="https://getbootstrap.com/docs/4.5/dist/js/bootstrap.bundle.min.js" integrity="sha384-1CmrxMRARb6aLqgBO7yyAxTOQE2AKb9GfXnEo760AUcUmFx3ibVJJAzGytlQcNXd" crossorigin="anonymous"></script></body>
116102
</html>

0 commit comments

Comments
 (0)