Portfolio/comment.html at master · AGarciaNY/Portfolio · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
        <link href="https://fonts.googleapis.com/css?family=Merienda+One" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="nav.css" >
        <link rel="stylesheet" type="text/css" href="main.css">
        <link rel="stylesheet" type="text/css" href="footer.css">
        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
        <link href="https://fonts.googleapis.com/css?family=Neucha" rel="stylesheet">
    </head>
    <body  id="commentpage">


        <div id="grass">
        <div id="sun">
            <div>
                <nav class="fontc"  id="navv">
                 <p><h3 class="navname">Aldair's Portfolio</h3></p>
                 <div class="navdata">
                    <ul id="hpnav">
                        <li class="navitems"><a href="index.html">Home</a></li>
                        <li class="navitems"><a href="about.html">About Me</a></li>
                        <li class="navitems"><a href="proj.html">Projects</a></li>
                        <li class="navitems dropdown">
                        <a class="dropbtn">Dropdown</a>
                        <div class="dropdown-content">
                          <a  href="#">Comment here</a>
                          <a  href="#" class="playstop">Play or Stop music</a>
                          <a  href="#">a</a>
                        </div>
                     </li>
                    </ul>
                </div>
                </nav>
             </div>
             <audio id="myAudio" autoplay loop>
             <source src="music/theme.mp3" type="audio/mpeg">
             </audio>

             <div id="commentbox">
                <h5>Add a comment below</h5>
                <div>
                    <p>Name-> <input id="viewername" type="text" name="" placeholder="Name"></p>
                    <div style="width:100%; height:5px;">

                    </div>
                    <p>Mail---> <input id="viewermail" type="text" name="" placeholder="Mail"></p>
                    <div style="width:100%; height:5px;">

                    </div>
                    <button id="submit">sumit</button>
                    <textarea id="viewercoment" placeholder="cooment here"></textarea>
                </div>
            </div>
                <!--<div class="cloudone"></div>-->
                <!--<div class="cloudtwo"></div>-->
                <!--<div class="cloudthree"></div>-->
                <!--<div class="cloudfore"></div>-->
                <!--<div class="cloudfive"></div>-->
                <!--<div class="cloudsix"></div>-->
                <!--<div class="cloudseven"></div>-->
            <div class="commentsbox">

            </div>

            </div>
            </div>

            <!-- The core Firebase JS SDK is always required and must be listed first -->
            <script src="https://www.gstatic.com/firebasejs/6.3.0/firebase-app.js"></script>

            <!-- TODO: Add SDKs for Firebase products that you want to use
                https://firebase.google.com/docs/web/setup#config-web-app -->
            <script src="js/test.js" type="module"></script>
            <script src="js/music.js" type="module"></script>
            <script>
            // Your web app's Firebase configuration
            var firebaseConfig = {
                apiKey: "AIzaSyBmejGBoMWLCGxmb1dgNwbUV0uc8147roI",
                authDomain: "portfolio-ab382.firebaseapp.com",
                databaseURL: "https://portfolio-ab382.firebaseio.com",
                projectId: "portfolio-ab382",
                storageBucket: "",
                messagingSenderId: "525784649833",
                appId: "1:525784649833:web:516cf1f259a4bb95"
            };
            // Initialize Firebase
            firebase.initializeApp(firebaseConfig);
            </script>

    </body>
</html>