dev-web/courses.html at master · MahmoudMans/dev-web · 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
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="css/style.css">
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
    </head>
<body>
    <!--<div class="navbar">
        <div id="logo"><img src="res/section2GMCLogo.png"></div>
        <nav style="text-align: center">
            <ul>
                <li><a href="index.html"> Home</a></li>

                <li><a href="#">Courses</a></li>

                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>
    </div> -->
    <nav class="navbar navbar-inverse" >
        <div class="container-fluid">
          <div class="navbar-header">
            <a class="navbar-brand" href="#"><img src="https://gomycode.tn/images/section2GMCLogo.png" style="width:50px;height:50px;"></a>
          </div>
          <ul class="nav navbar-nav" id="ulNav">
            <li><a href="index.html">Home</a></li>
            <li><a href="courses.html">Courses</a></li>
            <li><a href="contact.html">Contact</a></li>
          </ul>
        </div>
      </nav>
        <center>
                <p style ='color :white '>courses</p>
                <div align="center">
                    <div class= "container-fluid">
                        <div class='myimg' id='img4'>
                            <button class="btnCourses1">View more</button>
                        </div>
                        <div class='myimg' id='img5'>
                            <button class="btnCourses1">View more</button>
                        </div>
                        <div class='myimg' id='img6'>
                            <button class="btnCourses1">View more</button>
                        </div>
                    <br>
                        <div class='myimg' id ='img7'>
                            <button class="btnCourses1">View more</button>
                        </div>
                        <div class='myimg' id ='img8'>
                            <button class="btnCourses1">View more</button>
                        </div>
                        <div class='myimg' id ='img9'>
                            <button class="btnCourses1">View more</button>
                        </div>
                        <br>
                        <div class='myimg' id ='img11'>
                            <button class="btnCourses1">View more</button>
                        </div>
                        <div class='myimg' id ='img22'>
                            <button class="btnCourses1">View more</button>
                        </div>
                        <div class='myimg' id ='img33'>
                            <button class="btnCourses1">View more</button>
                        </div>
                    </div>
                </div>
            </div>
                    <div id="myModal" class="modal">

                        <!-- Modal content -->
                        <div class="modal-content">
                          <span class="close">&times;</span>
                          <p>This is GoMyCode track.
                              Each track has its own goal.
                            by adopting this track, you chose your own goal. </p>
                        </div>
                    </div>
                      <div>
                <p style ='color :white '>Feedback</p>
                 <button id="b"   onclick="Bold()">B</button>

                 <button id ="I" onclick="ITA()"> I</button>
                 <button id="underline"onclick="under()" >Underline</button>
                 <select id = "size" onchange="changesize()">
                     <option>20px</option>
                     <option>30px</option>
                     <option>40px</option>
                 </select>
                 <select id = "police" onchange="changepolice()">
                     <option>Arial</option>
                     <option>Verdana</option>
                     <option>Geneva</option>
                 </select>
                 <form>
                 <br>
                 <textarea id="texto" cols="70" row="90"></textarea>
                </form>
                </center>
            </div>
        </div>
    </body>
    <script src="https://www.gstatic.com/firebasejs/7.6.2/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.6.2/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.6.2/firebase-database.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.6.2/firebase-analytics.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    </html>