smykserhi.github.io/flexbox.html at master · smykserhi/smykserhi.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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Css floats and Flexbox Butle</title>
  <meta name="author" content="name">
  <meta name="description" content="description here">
  <meta name="keywords" content="keywords,here">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karla">
  <link rel="stylesheet" href="./css/flexbox.css" type="text/css">
  </head>
  <body>
    <nav class="navigation">
      <img src="https://placeimg.com/640/480/people" alt="logo Image">
      <ul class="links">
        <li><a href="index.html">Go to Float vertion</a></li>
        <li><a href="#topContent">Section 1</a></li>
        <li><a href="#buttomContent">Section 2</a></li>
        <li><a href="#footer">Footer</a></li>
      </ul>
    </nav>
    <main>
      <section class="content topContent" id="topContent" >
        <div class="topFirst">
          <img class="vibrate-1" src="https://placeimg.com/640/480/arch">
          <div>
            <h1 >Creative Writing</h1>
            <p>
              Generating random paragraphs can be an excellent way for writers to get their creative flow going at the beginning of the day.
              The writer has no idea what topic the random paragraph will be about when it appears. This forces the writer to use creativity
              to complete one of three common writing challenges. The writer can use the paragraph as the first one of a short story and build upon it.
              A second option is to use the random paragraph somewhere in a short story they create. The third option is to have the random paragraph be
              the ending paragraph in a short story. No matter which of these challenges is undertaken, the writer is forced to use creativity to incorporate
              he paragraph into their writing.
            </p>
          </div>
        </div>
        <div class="topLast">
          <img class="vibrate-1" src="https://placeimg.com/640/480/arch">
          <div>
            <h1>Tackle Writers' Block</h1>
            <p>A random paragraph can also be an excellent way for a writer to tackle writers' block. Writing block can often happen due to being stuck with a
              current project that the writer is trying to complete. By inserting a completely random paragraph from which to begin, it can take down some of the
              issues that may have been causing the writers' block in the first place.
            </p>
          </div>
        </div>
    </section>
    <section class="content buttomContent" id="buttomContent">
      <div class="buttom-div1">
        <img class="vibrate-1" src="https://placeimg.com/640/480/arch">
        <div>
          <h1>Beginning Writing Routine</h1>
          <p>
            Another productive way to use this tool to begin a daily writing routine. One way is to generate a random paragraph with the intention to try to rewrite
            it while still keeping the original meaning. The purpose here is to just get the writing started so that when the writer goes onto their day's writing projects,
            words are already flowing from their fingers.
          </p>
        </div>
      </div>
      <div class="buttom-div2">
        <img class="vibrate-1" src="https://placeimg.com/640/480/arch">
        <div>
          <h1>Writing Challenge</h1>
          <p>Another writing challenge can be to take the individual sentences in the random paragraph and incorporate a single sentence from that into a new paragraph to create
            a short story. Unlike the random sentence generator, the sentences from the random paragraph will have some connection to one another so it will be a bit different.
            You also won't know exactly how many sentences will appear in the random paragraph.
          </p>
        </div>
      </div>
      <div class="buttom-div3">
        <img class="vibrate-1" src="https://placeimg.com/640/480/arch">
        <div>
          <h1>Programmers</h1>
          <p>It's not only writers who can benefit from this free online tool. If you're a programmer who's working on a project where blocks of text are needed, this tool can be a
            great way to get that. It's a good way to test your programming and that the tool being created is working well. Above are a few examples of how the random paragraph
            generator can be beneficial. The best way to see if this random paragraph picker will be useful for your intended purposes is to give it a try. Generate a number of
            paragraphs to see if they are beneficial to your current project. If you do find this paragraph tool useful, please do us a favor and let us know how you're using it.
            It's greatly beneficial for us to know the different ways this tool is being used so we can improve it with updates. This is especially true since there are times when
            the generators we create get used in completely unanticipated ways from when we initially created them. If you have the time, please send us a quick note on what you'd
            like to see changed or added to make it better in the future.
          </p>
        </div>
      </div>
    </section>
    </main>
    <footer class="footer clearfix" id="footer">
      <img  src="./image/facebook.svg" alt="Fecefook logo">
      <img src="./image/instagram.svg" alt="Instagram logo">
      <img  src="./image/linkedin.svg" alt="LinkinDin logo">
      <img  src="./image/twitter.svg" alt="Teiter logo">
    </footer>
  <script src="index.js" type="text/javascript"></script>
  </body>
</html>