Skip to content

Its a blog template website made using Front-End including Bootstrap. #17

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

Open
Govind-Singh-Solanki wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Its a blog template website made using Front-End including Bootstrap. #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
408d24a
Its a blog template website made using Front-End including Bootstrap.
Govind-Singh-Solanki Oct 3, 2022
507c6d6
Add files via upload
muditsharma1 Oct 13, 2022
ea0a41e
Merge pull request #1 from muditsharma1/main
Govind-Singh-Solanki Oct 13, 2022
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
Binary file added Bootstrap Blog/Media/Techverse.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/about1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/about2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/about3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/about4.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/aboutTechverse.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/aboutTechverse2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/coding.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/development.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/development2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/technology.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/Media/technology2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Bootstrap Blog/README.md
View file
Open in desktop
Binary file not shown.
202 changes: 202 additions & 0 deletions Bootstrap Blog/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,202 @@
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Techverse - World of Tech Geeks</title>

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">

<!-- Font Awesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">

<!-- Custom CSS -->
<link rel="stylesheet" href="style.css">
<link rel="icon" href="Media/Techverse.png">

</head>

<body>

<!-- Navbar for Blog Template -->
<!-- Navbar for Blog Template -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<div class="techverse">
<a href="/index.html" class="navbar-brand"><img class="logo" src="Media/Techverse.png" alt="Techverse-Logo"></a>
<a class="navbar-brand blog" href="/index.html">Techverse</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/about.html">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Topics
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Technology</a></li>
<li><a class="dropdown-item" href="#">Web Development</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Support</a></li>
<li><a class="dropdown-item" href="#">Write for us</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact.html">Contact Us</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
<div class="mx-2">
<button type="button" class="btn btn-primary btn-danger" data-bs-toggle="modal" data-bs-target="#loginModal">Login</button>
<button type="button" class="btn btn-primary btn-danger" data-bs-toggle="modal"
data-bs-target="#signupModal">SignUp</button>
</div>
</div>
</nav>

<!-- Login Modal -->
<div class="modal fade custom-modal" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="loginModalLabel">Login to Techverse</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
<div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- Sign Up Modal -->
<div class="modal fade custom-modal" id="signupModal" tabindex="-1" aria-labelledby="signupModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="signupModalLabel">Get a Techverse Account</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
<div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>
<div class="mb-3">
<label for="cexampleInputPassword1" class="form-label">Confirm Password</label>
<input type="password" class="form-control" id="cexampleInputPassword1">
</div>

<button type="submit" class="btn btn-primary">Create Account</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- About Section of Blog Template -->
<div class="container" id="aboutContainer">
<div class="row featurette d-flex justify-content-center align-items-center">
<div class="col-md-7">
<h2 class="featurette-heading fw-normal lh-1">First featurette heading. <span class="text-muted">It’ll blow your mind.</span></h2>
<p class="lead">Some great placeholder content for the first featurette here. Imagine some exciting prose here.</p>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" src="Media/aboutTechverse.jpg" alt="Development">

</div>
</div>

<hr class="featurette-divider">

<div class="row featurette d-flex justify-content-center align-items-center">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading fw-normal lh-1">First featurette heading. <span class="text-muted">It’ll blow your mind.</span></h2>
<p class="lead">Some great placeholder content for the first featurette here. Imagine some exciting prose here.</p>
</div>
<div class="col-md-5 order-md-1">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" src="Media/technology2.jpg" alt="Technology">

</div>
</div>

<hr class="featurette-divider">

<div class="row featurette d-flex justify-content-center align-items-center">
<div class="col-md-7">
<h2 class="featurette-heading fw-normal lh-1">First featurette heading. <span class="text-muted">It’ll blow your mind.</span></h2>
<p class="lead">Some great placeholder content for the first featurette here. Imagine some exciting prose here.</p>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" src="Media/development2.jpg" alt="Coding">

</div>
</div>
</div>

<!-- Footer of Blog Template -->
<footer class="mt-auto text-white-50 custom-footer">
<div class="col-lg-2 col-md-3 col-sm-4 social">
<a class="social-link" href="mailto: govindsolanki3020@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
<a class="social-link" href="https://www.linkedin.com/in/govind-singh-solanki/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a class="social-link" href="https://github.com/Govind-Singh-Solanki" target="_blank"><i class="fa-brands fa-square-github"></i></a>
<a class="social-link" href="https://www.instagram.com/its_govind_champ.bg_/" target="_blank"><i class="fa-brands fa-square-instagram"></i></a>
<a class="social-link" href="https://twitter.com/govind_30" target="_blank"><i class="fa-brands fa-square-twitter"></i></a>
</div>
<p class="col-lg-3 col-md-6 col-sm-6 footer-text"><i class="fa-solid fa-copyright"></i>Copyright Techverse by <a href="https://twitter.com/govind_30" class="text-white">@Govind</a>.</p>
</footer>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
crossorigin="anonymous"></script>

</body>

</html>
Loading