phongo1.github.io/index.html at main · phongo1/phongo1.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex">
    <title>Jose Mercado Ventura</title>
    <link rel="stylesheet" href ='styles.css'>
    <script defer src="app.js"></script>

</head>
<body>
    <div class="root">
        <div class="top_page hidden">
            <div class="rectangle3"></div>
            <div class ="toppageflex">
                <button class="home">Home</button>
                <button class="books">Books</button>
                <button class="contact3" href="#contact">Contact</button>
                <a class="bLOG" href="/blog.html">BLOG</a>
                <a class="transparent_background" href="https://www.instagram.com/d0ggy_d0ge/" target="_blank">
                    <img src="assets/insta.png" class="instagram2">
                </a>
            </div>
            <div class="top_rectangle"></div>
        </div>
        <div class="joseMercadoVentura hidden" id="top">Jose Mercado Ventura</div>

        <div class="frame1 hidden">
            <div class="welcomecontainer">
                <div class="welcome">Welcome</div>
                <div class="welcomeBody">
                    <div class="textBlock">
                        This is Jose Mercado Ventura, the author of Queen of Heaven.
                    </div>
                    <br>
                    <div class="textBlock3">
                        Jose is currently a Network Engineer. He also is a consultant for IT solutions. For inquiries email via link below.
                    </div>
                    <br>
                    <div class="textBlock5">
                        Jose loves to write stories and writes whenever there's a spark of inspiration.
                    </div>
            </div>
            </div>
            <img class="jose" src="assets/Jose.png"></img>
        </div>
        <!-- <div class="books_section"> -->
            <div class="out_container hidden">
                <div class="outNow"  id="books">Available Now on Amazon, Barnes and Noble, and Books a Million!</div>
                <hr class="out_now_line hidden" id="nowline">
            </div>
            <div class="middlebody">
                <div class="bookcontainer hidden" id="slide_right">
                    <img class="bookcover" src="assets/bookcover.png"></img>
                    <div class="queenOfHeaven">Queen of Heaven</div>
                </div>
                <div class="booksummary hidden" id ="slide_left">
                    <div class="textBlock6">
                        Michael Acosta is no stranger to heartache and misery; in fact, he resides there. Widowed and self-loathing
                        his existence, he trudges through life since his wife's death, while looking for a way to cope with the
                        pain. Searching for a catharsis to no avail, Michael repeatedly comes short in finding any semblance of peace
                        while the pain continues to fester deeper within himself. Life's hardships seem to be all he can see both
                        past and present, as he attempts to drown out the embitterment and hurt in an infinite pool of liquor. Set in
                        2092, Queen of Heaven takes place at the end of the 21st century where space travel is the norm and comparable
                        with booking a commercial flight anywhere here on Earth.
                    </div>
                    <br>
                    <div class="textBlock8">
                        Anyone wanting to start a new life is not limited to just moving from one city to another or from one country
                        to another for that matter, now all of space is listed up for real estate- an idea that attracts Michael.
                        Thoughts of innumerable possibilities overwhelm him (and honestly frightens him) as they come rushing into his
                        mind. What lies just beyond this despair?
                    </div>
                    <br>
                    <div class="textBlock10">
                        Will something this drastic bring him happiness? If Michael could hold back his indecisiveness just long
                        enough to board a flight to Mars, he could put to rest the racing thoughts. Looking into the heavens, he
                        stares and wonders if anything lies in store for him past his fears as another rocket takes off.
                    </div>
                    <a href="https://www.barnesandnoble.com/w/books/1144074483">
                        <img  class="ordernow" src="assets/ORDERNOW_button.png"></img>
                    </a>
                </div>

            </div>
        <!-- </div> -->

        <div class="contact_container hidden" id="contact">
            <p class="contact_text">Contact</p>
            <div class="contactline"></div>
            <div class="ig_mail_container">
                <div class="igcontainer">
                    <div class="instagram">Instagram</div>
                    <a class="instagrampic" href="https://www.instagram.com/d0ggy_d0ge/" target="_blank">
                        <img src="assets/instagrampic.png">
                    </a>
                    <a class="transparent_background" href="https://www.instagram.com/d0ggy_d0ge/" target="_blank">
                        <img src="assets/insta.png" class="instagram3">
                    </a>
                </div>

                <div class="mailcontainer">
                    <div class="email">Email</div>
                    <a class="gmail_logo" href='mailto:jmercad6@gmu.edu' target="_blank">
                        <img src="assets/gmail_logo.png">
                    </a>
                    <a class="label" href='mailto:jmercad6@gmu.edu' target='_blank' rel='noreferrer'>
                        jmercad6@gmu.edu
                    </a>
                </div>
            </div>
        </div>

        <div class="footer">
            <p class="copyright2023KoehlerBooks"> Copyright © 2023 Koehler Books </p>
        </div>
    </div>
</body>
</html>