Capstone/index.html at main · aron-net/Capstone · 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    <link rel="stylesheet" href="./style.css">
    <script src="./modal.js" defer></script>
    <script src="./script.js" defer></script>
    <title>Conference for Pair programming</title>
</head>
<body>
    <div class="logo-top">
        <ul class="logo-list">
            <li><i class="fa fa-facebook"></i></li>
            <li><i class="fa fa-twitter"></i></li>
            <li><a class="top-list" href="#" >English</a></li>
            <li><a class="top-list" href="#">My Page</a></li>
            <li><a class="top-list" href="#">Logout</a></li>
        </ul>
    </div>
    <header id="header">
        <nav class="navigation">
            <ul data-visible="false" class="item-navigation">
                <li class="item-logo">
                    <img class="logo-nav" src="./Image/background-image/cc-global.png" alt="cc-log" >
                    <span class="logo-text-home">CC 2022 <br> Pair Programming</span>
                    <span class="material-symbols-outlined close-menu">close</span>
                </li>
                <li class="link-navigation">
                    <a class="link-nav" href="./index.html">Home</a>
                    <a class="link-nav" href="./About.html">About</a>
                    <a class="link-nav" href="#modal">Speakers</a>
                    <a class="link-nav" href="#mainProgram">Program</a>
                    <a class="link-nav" href="#footer">Partners</a>
                </li>
            </ul>
            <div class="hamburger-menu">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </div>
        </nav>
    </header>
    <main class="main">
        <section class="container-section">
            <div class="header-container">
                <h1 class="header-text">Creative commons pair programming 2022</h1>
                <h2 class="support-text">&quot;Hello! Sharing world&quot;</h2>
            </div>
            <div class="text-container">
                <p class="text-content">A joyful celebration takes a look at pair programming,
                    a technique focused on the team rather than the individual.
                    Have the time to share your thoughts and opinions
                    with experts.
                </p>
                <h2 class="date-header">2022.07.23(Sat) ~ 24(Sun)</h2>
                <p class="text-at">@ Marriott Santa Clara, Silicon Valley</p>
            </div>
        </section>
    </main>
    <section id="mainProgram" class="main-program">
        <h2 class="main-title">Main Program</h2>
        <hr class="line-1">
        <div class="main-program-list">
            <ul class="program-container">
                <li><img src="./Image/Icons/icon_01.png" alt="lecture-icon"></li>
                <li><h2 class="program-header">Lecture</h2></li>
                <li><p class="program-text">We take a systemic approach
                    to help software development organizations become better at what they do
                    and more fun places to work.
                </p></li>
            </ul>
            <ul class="program-container">
                <li><img src="./Image/Icons/icon_02.png" alt="lecture-icon"></li>
                <li><h2 class="program-header">CC Exhibition</h2></li>
                <li><p class="program-text">Appreciate how spotify increase productivity and Microverse has unique way to learn
                    remote pair programming and how it can benefit you and your organization.
                </p></li>
            </ul>
            <ul class="program-container">
                <li><img src="./Image/Icons/icon_03.png" alt="lecture-icon"></li>
                <li><h2 class="program-header">Forum</h2></li>
                <li><p class="program-text">This great time to share your thoughts
                    and opinions with experts for each topic and summit comments/questions.
                </p></li>
            </ul>
            <ul class="program-container">
                <li><img src="./Image/Icons/icon_04.png" alt="lecture-icon"></li>
                <li><h2 class="program-header">Workshop</h2></li>
                <li><p class="program-text">Try to collaborate your own work using VS code
                    rather than just watching. How fun pairing programming can be.
                </p></li>
            </ul>
            <ul class="program-container">
                <li><img src="./Image/Icons/icon_04.png" alt="lecture-icon"></li>
                <li><h2 class="program-header">CC Ignite</h2></li>
                <li><p class="program-text">Get opportunities to network with cc affiliates
                    around the world, also after the summit.
                </p></li>
            </ul>
        </div>
    </section>
    <div class="join">
        <h2 class="join-header">Join CC Global Pair Programming 2022</h2>
        <h2 class="join-desktop">See the whole program</h2>
    </div>
    <section>
        <h2 class="feature-speaker">Featured Speakers</h2>
        <hr class="line-2">
        <div id="modal"></div>
    </section>
    <footer id="footer">
        <div class="more-footer">
            <p class="more-p">More</p>
            <img class="arrow-more" src="./Image/Icons/arrow_down.png" alt="arrow_down" >
        </div>
        <div class="partner-home">
            <h2 class="partner-header">Partner</h2>
            <hr class="line-1">
            <div class="partner-image">
                <img class="mozilla" src="./Image/Partner/mozilla.png" alt="mozilla-logo">
                <img class="google" src="./Image/Partner/google-logo.png" alt="google-logo">
                <img class="microverse" src="./Image/Partner/5e30ae0c4081806a8f50a7df_horizontal-logo-white.png" alt="Microverse-logo">
                <img class="spotify" src="./Image/Partner/Spotify_Logo_CMYK_Green.png" alt="spotify-log">
                <img class="lumen" src="./Image/Partner/lumen.png" alt="lumen-logo">
            </div>
        </div>
        <div class="footer-logo-home">
            <div class="logo-icon">
                <img class="cc-icon" src="./Image/image/creative-commons-icon-260nw-1030401787.webp" alt="cc-icon">
                <h2>creative <br> commons</h2>
            </div>
            <div class="right-reserved">
                <p>2022 Creative Commons <br> Silicon Valley Some Right Reserved.</p>
            </div>
        </div>
    </footer>
</body>
</html>