LEGO-projects/templateWithoutCode.html at main · WalidNejmi/LEGO-projects · GitHub

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!--
  templateWithoutCode.html

  By: Gabriel Sessions
  Last Edited: September 3rd, 2022
  EN 1 Simple Robotics
  Fall 2022

  This is a template HTML page for EN 1: Simple Robotics Project Documentation

  This template should be used for projects without code (Projects 1-4).

  Place in an appropriate folder. Then name this file index.html
-->

<!DOCTYPE html>
<html lang="en">

<!--
  Same Boilerplate as the index.html file
  Make sure to update the page title!
-->

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Update This! -->
  <title>My Project</title>

  <!-- DO NOT DELETE BELOW -->
  <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">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
    crossorigin="anonymous"></script>
  <!-- DO NOT DELETE ABOVE -->

</head>

<body>
  <!--
    Navbar that links back to the homepage (index.html)
  -->
  <nav class="navbar navbar-expand-lg bg-light">
    <div class="container-fluid">
      <a class="navbar-brand" href="../index.html">Back to Home</a>
    </div>
  </nav>

  <!-- Project Title -->
  <h1 style="margin-top: 1rem; margin-bottom: 2rem; text-align: center;">Project X: Project Name</h1>

  <div class="container d-flex justify-content-center">
    <div class="row">

      <!--
            Project Description
            Add your own project details here!
      -->
      <!-- Begin Left Column -->
      <div class="col-sm mx-4">
        <h2 class="text-left">Description</h2>
        <p>Add a description of your project here!
        </p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
          magna aliqua. Sit amet dictum sit amet justo. Tortor at auctor urna nunc id cursus metus aliquam eleifend.
          Tempor orci eu lobortis elementum nibh. Donec ac odio tempor orci dapibus ultrices. Elementum facilisis leo
          vel fringilla est ullamcorper eget nulla facilisi. Velit egestas dui id ornare arcu odio. Tempus imperdiet
          nulla malesuada pellentesque elit eget gravida cum sociis. Gravida quis blandit turpis cursus in hac habitasse
          platea dictumst. Tortor at risus viverra adipiscing at in tellus integer feugiat.</p>

      </div>
      <!-- End Left Column -->

      <!--
            Insert Images or Carousel of images

            Bootstrap Carousels:
            https://getbootstrap.com/docs/5.2/components/carousel/#how-it-works
          -->

      <!-- Delete these divs and replace with your own pics and videos! -->
      <!-- For videos, upload to Google Drive and embed them as an iframe -->

      <!-- Begin Right Column -->
      <div class="col-sm">
        <div style="width: 90%;
                height: 90%;
                border: 6px solid black;
                margin: 20px;
                text-align: center;">
          <p style="margin:30% 0">Insert Media Here!</p>
        </div>

      </div>

    </div>
    <!-- End Right Column -->

  </div>

  <!--
    Insert pictures,videos, and other documentation below!
  -->
  <div style="display:flex; justify-content:center;">

    <!-- Delete this div and replace with documentation -->
    <div style="width: 50%;
            height: 40%;
            border: 6px solid black;
            margin: 20px;
            text-align: center;
            vertical-align: center;">
      <p style="margin:20% 0">Insert Media Here!</p>
    </div>

  </div>


</body>

</html>