About-Python/index.html at master · arsiag/About-Python · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="style.css" rel="stylesheet">
        <link rel="stylesheet" href="font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css">
    </head>
    <body>
        <div id="navbar">
            <button class="navbutton">Python</button>
            <button class="navbutton">PSF</button>
            <button class="navbutton">Docs</button>
            <button class="navbutton">PyPl</button>
            <button class="navbutton">Jobs</button>
            <button class="navbutton">Community</button>
        </div>

        <div id="content_top">
            <img src="python-logo.png">

            <!-- search box -->
            <div id="search_box">
               <i class="fa fa-search fa-2x i_color" aria-hidden="true"></i>
               <input type="search" class="i_color" name="q"></input>
               <button class="searchbutton">aA</button>
               <button class="searchbutton">Socialize</button>
                <button class="searchbutton">Sign In</button>

            </div>


            <div id="content_top_nav">
                <button class="contentnavbutton">About</button>
                <button class="contentnavbutton">Downloads</button>
                <button class="contentnavbutton">Documentation</button>
                <button class="contentnavbutton">Community</button>
                <button class="contentnavbutton">Success Stories</button>
                <button class="contentnavbutton">News</button>
                <button class="contentnavbutton">Events</button>
            </div>
        </div>

        <div id="content_bottom">
            <!-- left box -->
            <div class="content_bottom_box">
                <img class="panels" src="leftPanel.png" width="492px" height="283px" >
            </div>

            <!-- rightbox -->
            <div class="content_bottom_box" id="r_color">
                <img  class="panels" src="rightPanel.png">
            </div>

            <h4 class="center white ptop">Python is programming language that lets you work quickly</h4>
            <h4 class="center white">and integrate systems more effectively. <a href="#">>>>Learn More</a></h4>
        </div>

         <div id="footer">
            <div class="footer_box">
                <h2 class="footer-title">Get Started</h2>
                <p class="footer-text"> Whether you're new to programming or an experienced developer, it's easy to learn
                and use Python.
                <br>
                <br>
                <br>
                <a href="python.org">Start with our Beginner's Guide</a></p>
            </div>

            <div class="footer_box">
                <h2 class="footer-title">Download</h2>
                <p class="footer-text"> Python source code and installers are available for download for all versions!
                 Not sure which version to use?<br><br><a href="python.org">Click here.</a></p>
                <br>
                <p class="footer-text">Latest:<a href="python.org">Python 3.6.2-Python 2.7.13</a></p>
            </div>

            <div class="footer_box">
                <h2 class="footer-title">Docs</h2>
                <p class="footer-text">Documentation for Python's standard library, along with tutorials and guides,
                are available online.
                <br>
                <br>
                <br>
                <a href="python.org">docs.python.org</a></p>

            </div>

            <div class="footer_box">
                <h2 class="footer-title">Jobs</h2>
                <p class="footer-text">Looking for work or have a Python related position that you're trying to hire for? Our relaunched
                community-run job board is the place to go.
                <br>
                <br>
                <br>
                <a href="python.org">jobs.python.org</a></p>
        </div>


    </body>
</html>