Skip to content

Instantly share code, notes, and snippets.

View rahuls360's full-sized avatar
🎯
Focusing

Rahul Makhija rahuls360

🎯
Focusing
  • Bengaluru
View GitHub Profile
Bootstrap 4
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
Bootstrap 3.3.7
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
CSS
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.1/assets/owl.carousel.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.1/assets/owl.theme.default.css" />
JavaScript
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.1/owl.carousel.min.js"></script>
<script type="text/javascript">
<div id="outerDiv">
<div class="other-divs"></div>
<div class="other-divs"></div>
<div class="div-to-be-centered"></div>
</div>
CSS
.div-to-be-centered{
@rahuls360
rahuls360 / gist:a787038c6a7f35877f4fce24862d61de
Created April 6, 2018 05:52
Href Smooth Scroll to #id (responsive)
$("a[href='#id']").click(function(event){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 500);
event.preventDefault();
});
@rahuls360
rahuls360 / gist:dc14cdedfff9a2008b635cfdfc17f123
Created April 6, 2018 10:55
Font Awesome Social Media Colors
.fa-facebook, .fa-facebook-square {
color: #3b5998
}
.fa-twitter, .fa-twitter-square {
color: #00aced
}
.fa-google-plus, .fa-google-plus-square {
color: #dd4b39
}
.fa-youtube, .fa-youtube-play, .fa-youtube-square {
<?php
if(isset($_POST['submit'])){
$name = $_POST['name'];
$email = $_POST['email'];
$mobile = $_POST['mobile'];
$message = $_POST['message'];
$to = 'info@towebsite.com';
<?php
error_reporting(-1); // reports all errors
ini_set("display_errors", "1"); // shows all errors
ini_set("log_errors", 1);
ini_set("error_log", "/tmp/php-error.log");
?>
HTML
<form action="form.php" method="POST">
<input type="text" placeholder="Name" name="name">
<input type="text" placeholder="Email" name="email">
<input type="text" placeholder="Mobile" name="mobile">
<input type="submit">
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
@rahuls360
rahuls360 / gist:d358968b03d8b4b269ae886b11e2a818
Created April 28, 2018 07:39
offsetting an html anchor to adjust for fixed header
Link
<a href="#about">About</a>
Element
<h2 id="about">About Us</h2>
CSS
#mid::before {
display: block;
content: " ";
React CDN
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
HTML
<div id="app"></div>
JS