-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
44 lines (40 loc) · 2.56 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
<title>Choose a website</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<div class="container">
<h1 class="mb-5">GIT & Bootstrap Collaborative Project</h1>
<div class="row">
<div class="col-sm-4 bg-dark text-center">
<a href="./website/designs/thumb.jpg"><img style="max-height: 400px;" class="img-responsive" src="website/designs/thumb.jpg"></img></a>
</div>
<div class="col-sm">
<h2>One Page Wonder - Start Bootstrap Template</h2>
<a class="btn btn-primary" href="./website/">Live Version</a>
<a class="btn btn-warning" href="./website/designs/thumb.jpg">How it Should Look</a>
<a class="btn btn-danger" href="./website/designs/guide.jpg">See the Guide</a>
<div>
<h2>Tips:</h2>
<p>Copy and tweak components from <a href="https://getbootstrap.com/" target="_blank" >getbootstrap.com</a>.</p>
<p>If you are looking at an example from <a href="https://getbootstrap.com/docs/5.1/examples/" target="_blank">https://getbootstrap.com/docs/5.1/examples/</a>, you can use the inspector (right mouse click to open this panel up) and then select the section you want in the "Elements" tab. Then go to copy, and copy element to quickly add to your project.</p>
<p>To push changes to the website, remember this sequence:</p>
<ul>
<li>git add .</li>
<li>git commit -m "what you modified"</li>
<li>git push</li>
</ul>
<p>To see changes from teammates:</p>
<ul>
<li>git pull</li>
</ul>
<p>To customize elements, use the style.css file located in assets/css.</p>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>